ideas of code

Client: Bosch. A fascinating organic-like structure that demonstrates real-time dynamics in an extraordinary way: The elements show facts and figures such as the number of present employees, or held telephone calls. Every new idea lights […]

Bildschirmfoto 2015-07-24 um 15.33.28

worlds of code

Client: Schunk Group. The Schunk Group consists of four companies, each highly focussed on a very specific manufacturing process. The Group needed a key visual that unified these companies in a graphic way. To show […]


connections of code

Client: Lapp Group. International Connection: visualized. Lapp Kabel is one of the world’s leading providers of cables, leads, cable accessories and systems of the highest level of quality. For Lapp Group`s international event „ONE LA […]


frost of code

Every year we send out generated postcards to clients, friends and family. This year, we created unique, frosted leaves with a generator tool we developed. These icy shapes were printed with white ink onto a dark, metallic […]


carbon of code

Client: Schunk Carbon Technology. For generating vector images for Schunk Carbon Technology, we required a tool that was flexible and easy to use. This generator loads any image and converts it to the characteristic carbon […]

Bildschirmfoto 2015-11-10 um 13.32.17

orbit of code

Client: Lignum Consulting. A highly complex key visual for the adding value within the wood-working process. As an interactively usable graphic chart it shows correlations in terms of „connected factory“ – starting with staff, logistics […]


snowflakes of code

In Winter 2014, halbautomaten and ofcode created this tool to generate two thousand unique snowflake postcards for friends and clients. Together with the printed snowflakes, a microsite for the snowflake-generator was created. Click the snowflake below […]


documentation of code

Client: K15t Software. Automated graphic interpretation of wiki-based content. The exporter tools of K15t Software generate linear, printable documents from wikis. Together with K15t Software we developed a script, that generates artwork for each chapter. […]


sounds of code

Visualisation of music files. The selected song is visualised in real-time. Each song is drawn clockwise, so top marks both the beginning and the end of the song. Frequencies are mapped to the color, volume […]


green of code

“DGNB Orbit” is a tool for creating complex pie charts from the datasets of the DGNB’s Auditors (Deutsche Gesellschaft für Nachhaltiges Bauen). The chart visualizes the broad range of criteria, that make the buildings sustainability […]


networks of code

A quick overview and good accessibility are key, when visualizing global information. Generative design allows us to process large amounts of data and to update input quickly and automatically (via Internet). Interactivity and animation allow […]


plays of code

These book covers were designed for a fictional book edition. Six classical plays were analyzed by parsing through their script to collect data. The white circles represent the actors, their size represents the amount of […]


growth of code

Client: Enkelfähig (Haniel). “Wachstum” is a highly organic, interactive illustration for the magazine “Enkelfähig” by Haniel. The interactive illustration mimics the behaviour of liquid lifeforms within a petri dish. The web version uses WebGL and shaders. […]


lottery of code

Client: Lotto Magazin. Visualizations are able to make an impression and evoke a certain feeling, without any regards to numbers and explenations. Just like illustrations, they can be focused on entertainment rather than education. Opposed […]

Bildschirmfoto 2015-10-26 um 10.28.45

bikes of code

Interactive illustration for a charity auction of bicycles. Frames were painted in collaboration with Dario Pegoretti and then auctioned to help children suffering from cancer. From the official website: “Hand in hand, pen on steel, […]


stars of code

Star Wars mailing to promote The infographic shows the dialogue length, actions and appearences for Episodes 1-6. It was generated by analyzing the screen play for each movie.  


aesthetics of code

Interactive Moiré illustration built with Processing. Created to experiment with different screen resolutions (e.g. retina displays) and color impressions. Move your mouse over the circles to shift the two shapes.


mirrors of code

This WebGL app is a simulation of a reflective, ever changing surface. Any given image can be loaded into the simulation. The generated shape is always unique and constantly recalculated in real time.