{"id":5476,"date":"2012-06-08T09:01:51","date_gmt":"2012-06-08T09:01:51","guid":{"rendered":"https:\/\/densitydesign.org\/?p=5476"},"modified":"2012-06-08T09:06:21","modified_gmt":"2012-06-08T09:06:21","slug":"twitterwall","status":"publish","type":"post","link":"https:\/\/densitydesign.org\/2012\/06\/twitterwall\/","title":{"rendered":"TwitterWall"},"content":{"rendered":"<p>From 7th to 8th June we are at <a href=\"http:\/\/frontiersofinteraction.com\/\">Frontiers of Interaction conference<\/a>, and our application will visualize the live twitter stream about the hashtag <a href=\"https:\/\/twitter.com\/search?q=%23foi12\">#foi12<\/a>.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5479\" title=\"pciuccarelli@foi12-web\" src=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/pciuccarelli@foi12-web.jpg\" alt=\"Paolo Ciuccarelli presenting our TwitterWall visualization at #FOI12 - Frontiers of interaction 2012, in Cinecitt\u00e0 (Rome)\" width=\"740\" height=\"494\" srcset=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/pciuccarelli@foi12-web.jpg 740w, https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/pciuccarelli@foi12-web-460x307.jpg 460w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/p>\n<p>Our aim is to visualize the twitter discussion with simple rules, and simple shapes. Despite its visual simplicity, the application has a very complex set of rules to manage both the shapes and the texts, avoiding overlapping and optimizing for readability.<\/p>\n<p>So, few words to explain what those sci-fi polygons going around on the screen mean.<\/p>\n<p>Each user is visualized as a polygon, the vertices number is equal to\u00a0the posted tweets using the conference hashtag.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5478\" title=\"twitter-shapes\" src=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/twitter-shapes.jpg\" alt=\"\" width=\"740\" height=\"185\" srcset=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/twitter-shapes.jpg 740w, https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/twitter-shapes-460x115.jpg 460w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/p>\n<p>User will slowly move away from the center of the screen. If a user\u00a0post a new tweet about <a href=\"https:\/\/twitter.com\/search?q=%23foi12\">#foi12<\/a>, it will return at the center of the\u00a0screen, gaining a new vertex.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5480\" title=\"Screenshoot of the TwitterWall application for Frontiers of Interaction 2012 #foi12\" src=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/tweet-screen.jpg\" alt=\"\" width=\"740\" height=\"185\" srcset=\"https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/tweet-screen.jpg 740w, https:\/\/densitydesign.org\/wp-content\/uploads\/2012\/06\/tweet-screen-460x115.jpg 460w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/p>\n<p>Stay tuned, we will be posting some pictures and videos about it!<\/p>\n<p>The application has been created by <a href=\"http:\/\/www.behance.net\/valeriopellegrini\">Valerio Pellegrini<\/a>, <a href=\"http:\/\/robindemourat.com\/\">Robin de Mourat<\/a> and <a href=\"https:\/\/densitydesign.org\/person\/michele-mauri\/\">Michele Mauri<\/a>.<br \/>\nSpecial thanks goes to <a href=\"https:\/\/densitydesign.org\/person\/stefania-guerra\/\">Stefania Guerra<\/a> for her preliminary work <a href=\"https:\/\/densitydesign.org\/2012\/04\/5351\/\">collecting and\u00a0analyzing\u00a0case histories<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From 7th to 8th June we are at Frontiers of&#8230;<a href=\"https:\/\/densitydesign.org\/2012\/06\/twitterwall\/\"class=\"blue geo bold\">  more<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[143,145,106,144,102,104],"class_list":["post-5476","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-application","tag-conference","tag-news","tag-processing","tag-twitter","tag-visualization"],"_links":{"self":[{"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/posts\/5476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/comments?post=5476"}],"version-history":[{"count":9,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/posts\/5476\/revisions"}],"predecessor-version":[{"id":5486,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/posts\/5476\/revisions\/5486"}],"wp:attachment":[{"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/media?parent=5476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/categories?post=5476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/densitydesign.org\/wp-json\/wp\/v2\/tags?post=5476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}