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 […]

2015-12-24-14.03.54-1024x576

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 […]

orbit_anwendung

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 […]

_HAM8462

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. […]

_HAM3976

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 […]

daftpunk-aerodynamic

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 […]

HAM6395

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 […]

map

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 […]

_HAM3962

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. […]

screen-0370

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, […]

pegoretti-27

stars of code

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

HAM6943_fmt

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.

moire

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.

mirrors