Instead of AdBlock, enjoy ad-free CAN by becoming a member. Everybody wins!

OUT NOW:
HOLO 1

Emerging trajectories in art, science, and technology.

226 pages of conversation, research, opinion, analysis. Step into artists' studios and workshops to discover the faces, personalities, and processes behind important work. Learn more!

HOLO is brought to you by the people behind CreativeApplications.Net

4010 Facebook Tree by Onformative

4010header_l

Earlier this year Onformative were invited by Deutsche Telekom to design the Gallery-Wall of their Flagship Store in Berlin Mitte. Since the 4010-Store uses their Facebook page as a way of communicating with their customers, Onformative’s idea was to bring that online discussions back into the store by developing a data visualisation generated from all their Facebook posts.

AllnumberofLikesThe team accessed all the information via the Facebook Graph-API and analysed the data that was recorded over a period of four years using a custom written Processing application. They generated the leafs based on different features of the posts. For each post they analysed characteristics like the creation date and time, the number of comments and likes an individual post received as well as the type of the post. Those values were mapped to the features of the leafs enabling the visitors to read and explore that abstract visualisation and get an idea of the nature of the communication. For each type of message a special leaf-style was created. Its colour turns to red based on the number of likes while the time the message was posted defines how much the leaf flourishes, which means messages posted during night or early in the morning result in leafs almost closed while they open up during the day. The number of little buds spawned around the leafs tells you about the number of comments.

To generate the final layout, the team used Processing to auto-generates different variations and then manually edit it to get the desired layout and look. The generative leafs are then automatically assigned to the created branches depending on their date of creation. This way it is possible to “read” the leafs as posts from the root to the top of the tree.

Project PageOnformative

designTooltypestype_anim4010_6_l4010_4_l4010_3_l4010_1_l

Posted on: 05/12/2013

Posted in: Processing

Post tags: