<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>twopointouch &#187; visualisations</title> <atom:link href="http://twopointouch.com/tag/visualisations/feed/" rel="self" type="application/rss+xml" /><link>http://twopointouch.com</link> <description>web 2.0, blogs and social media</description> <lastBuildDate>Mon, 09 May 2011 20:03:42 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.1.3</generator> <item><title>Real-World Objects as Infographics</title><link>http://twopointouch.com/2010/stuff/real-world-objects-as-infographics/</link> <comments>http://twopointouch.com/2010/stuff/real-world-objects-as-infographics/#comments</comments> <pubDate>Thu, 04 Feb 2010 17:09:20 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[stuff]]></category> <category><![CDATA[branding]]></category> <category><![CDATA[infographics]]></category> <category><![CDATA[visualisations]]></category> <guid
isPermaLink="false">http://twopointouch.com/stuff/real-world-objects-as-infographics/</guid> <description><![CDATA[<p>via <a
href="http://www.fastcompany.com/blog/william-bostwick/architecture-design/its-bird-its-plane-itsan-infographic">fast company</a>. I LOL’d but then realised literacy of infographics and data visualisations has become mainstream. Which makes me even happier. I do hope that that the pilot and crew don’t need to consult the diagrams in order to get their plans into the sky. The airline is Kulala, based in South Africa,<p><a
href="http://twopointouch.com/2010/stuff/real-world-objects-as-infographics/">Continue reading Real-World Objects as Infographics</a></p>]]></description> <content:encoded><![CDATA[<p>via <a
href="http://www.fastcompany.com/blog/william-bostwick/architecture-design/its-bird-its-plane-itsan-infographic">fast company</a>. I LOL’d but then realised literacy of infographics and data visualisations has become mainstream. Which makes me even happier. I do hope that that the pilot and crew don’t need to consult the diagrams in order to get their plans into the sky. The airline is Kulala, based in South Africa, with the work produced by branding agency <a
href="http://www.atmosblog.com/">Atmosphere</a>.</p><p><a
href="http://twopointouch.com/wp-content/uploads/2010/02/image.png"><img
style="display: inline; border: 0px;" title="image" src="http://twopointouch.com/wp-content/uploads/2010/02/image_thumb.png" border="0" alt="image" width="524" height="350" /></a></p><p><a
href="http://twopointouch.com/wp-content/uploads/2010/02/image1.png"><img
style="display: inline; border: 0px;" title="image" src="http://twopointouch.com/wp-content/uploads/2010/02/image_thumb1.png" border="0" alt="image" width="524" height="350" /></a></p><p><a
href="http://twopointouch.com/wp-content/uploads/2010/02/image2.png"><img
style="display: inline; border: 0px;" title="image" src="http://twopointouch.com/wp-content/uploads/2010/02/image_thumb2.png" border="0" alt="image" width="524" height="350" /></a></p> ]]></content:encoded> <wfw:commentRss>http://twopointouch.com/2010/stuff/real-world-objects-as-infographics/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Christmas Venns</title><link>http://twopointouch.com/2009/stuff/christmas-venns/</link> <comments>http://twopointouch.com/2009/stuff/christmas-venns/#comments</comments> <pubDate>Wed, 16 Dec 2009 14:21:08 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[stuff]]></category> <category><![CDATA[christmas]]></category> <category><![CDATA[ho-ho-ho]]></category> <category><![CDATA[visualisations]]></category> <guid
isPermaLink="false">http://twopointouch.com/2009/12/16/christmas-venns/</guid> <description><![CDATA[<p>For your geek buddies.</p><p></p><p>Found <a
href="http://smaller-than-life.blogspot.com/2009/11/venn-it-again-sam.html">here</a>, where there are plenty more, available to buy as cards.</p><p>Have an excellent Christmas, if I don’t write again before then.</p><p></p> ]]></description> <content:encoded><![CDATA[<p>For your geek buddies.</p><p><img
src="http://twopointouch.com/wp-content/uploads/2009/12/DingDongMerrilyOnHigh_thumb.jpg" border="0" alt="Ding Dong Merrily On High" title="Ding Dong Merrily On High" /></p><p>Found <a
href="http://smaller-than-life.blogspot.com/2009/11/venn-it-again-sam.html">here</a>, where there are plenty more, available to buy as cards.</p><p>Have an excellent Christmas, if I don’t write again before then.</p><p><img
src="http://twopointouch.com/wp-content/uploads/2009/12/christmas.jpg" alt="by Ana_Fuji, flickr" title="christmas" width="480" height="488" class="alignleft size-full wp-image-1980" /></p> ]]></content:encoded> <wfw:commentRss>http://twopointouch.com/2009/stuff/christmas-venns/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Web is Female</title><link>http://twopointouch.com/2009/web-2-0/the-web-is-female/</link> <comments>http://twopointouch.com/2009/web-2-0/the-web-is-female/#comments</comments> <pubDate>Tue, 27 Oct 2009 10:31:41 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[web 2.0]]></category> <category><![CDATA[feature]]></category> <category><![CDATA[informatics]]></category> <category><![CDATA[social networks]]></category> <category><![CDATA[visualisations]]></category> <category><![CDATA[women]]></category> <guid
isPermaLink="false">http://twopointouch.com/2009/10/27/the-web-is-female/</guid> <description><![CDATA[<p></p><p>Like many people, I’m really looking forward to the UK publication of David McCandless’ <a
href="http://www.informationisbeautiful.net/2009/the-visual-miscellaneum/">The Visual Miscellaneum</a>.</p><p>This graphic might come as a surprise to some people. If the main way you’ve found out about social media is through conference programmes and the most frequently cited blog posts, you could not be blamed<p><a
href="http://twopointouch.com/2009/web-2-0/the-web-is-female/">Continue reading The Web is Female</a></p>]]></description> <content:encoded><![CDATA[<p><img
src="http://twopointouch.com/wp-content/uploads/2010/01/females-on-web.gif" alt="females on social networks" width="500" height="917" /></p><p>Like many people, I’m really looking forward to the UK publication of David McCandless’ <a
href="http://www.informationisbeautiful.net/2009/the-visual-miscellaneum/">The Visual Miscellaneum</a>.</p><p>This graphic might come as a surprise to some people. If the main way you’ve found out about social media is through conference programmes and the most frequently cited blog posts, you could not be blamed for assuming that the social web is a world of men. The opposite is nearly always the case.</p><p>Interesting that digg is the only male-dominated social network in this sample. I will leave it to the reader to draw any conclusions between that and the tone of the comments and focus on winning that site has.</p><p>P.S. Just found this in my inbox — <a
href="http://www.millennialmoms.com/">Millennial Moms</a> — “Millennial Moms are supplanting college students as the most connected and technology dependant [sic] population”.</p><div
class="posterous_quote_citation">via <a
href="http://www.informationisbeautiful.net/2009/who-rules-the-social-web/">informationisbeautiful.net</a></div> ]]></content:encoded> <wfw:commentRss>http://twopointouch.com/2009/web-2-0/the-web-is-female/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Re-Reading Web 2.0 Infographics</title><link>http://twopointouch.com/2009/social-media/re-reading-web-20-infographics/</link> <comments>http://twopointouch.com/2009/social-media/re-reading-web-20-infographics/#comments</comments> <pubDate>Mon, 11 May 2009 19:16:03 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[social media]]></category> <category><![CDATA[stuff]]></category> <category><![CDATA[web 2.0]]></category> <category><![CDATA[design]]></category> <category><![CDATA[graphics]]></category> <category><![CDATA[ideology]]></category> <category><![CDATA[infograms]]></category> <category><![CDATA[visualisations]]></category> <guid
isPermaLink="false">http://twopointouch.com/2009/05/11/re-reading-web-20-infographics/</guid> <description><![CDATA[<p>We love our infograms, don’t we, the digerati, the twittering classes? These information graphics, or data visualisations. I don’t think there’s another field of the social sciences quite so keen on complicated graphs that half-explain themselves and suggest transparency and half are a subtle appeal to the imagination.</p><p>Because these images are machine-generated, there’s a<p><a
href="http://twopointouch.com/2009/social-media/re-reading-web-20-infographics/">Continue reading Re-Reading Web 2.0 Infographics</a></p>]]></description> <content:encoded><![CDATA[<p>We love our infograms, don’t we, the digerati, the twittering classes? These information graphics, or data visualisations. I don’t think there’s another field of the social sciences quite so keen on complicated graphs that half-explain themselves and suggest transparency and half are a subtle appeal to the imagination.</p><p>Because these images are machine-generated, there’s a temptation to believe that they are transparent. That they are mirrors of hard-and-fast facts. They are not. No image is unmediated nor undesigned. Someone decided to style the information in <em>this</em> way, with <em>this</em> scope and format, <em>these</em> colours and <em>these</em> dimensions. And there’s an agenda in that, whether overt or unrealised: this is how <strong>we</strong> visualise this stuff and how we want <strong>you</strong> to visualise it, too. They fulfil an <a
href="http://www.brocku.ca/english/jlye/ideology.php">ideological</a> function.</p><p>For this post about data-visualisations, I’m going to focus on the visualisation part of the term (“You can picture it like <em>this</em>“), rather than the data part.</p><p>Why are <em>these</em> the images that are selected and why do they look the way they do?</p><h3>The Connected Web</h3><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://twopointouch.com/wp-content/uploads/2009/05/image.png" width="420" height="320" /></p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://twopointouch.com/wp-content/uploads/2009/05/image1.png" width="420" height="320" /></p><p><a
href="http://www.aharef.info/2006/05/websites_as_graphs.htm">These</a> types of images are especially popular. I think that when you sign the application for the <em>International League of Social Media Consultants</em>, you must pledge to include them in every slide deck.</p><p>This is what the web looks like, we’re told. The visualisation holds a nod to the <a
href="http://www.youtube.com/watch?v=A2cmlhfdxuY">Powers of Ten</a> and the <a
href="http://en.wikipedia.org/wiki/Mandelbrot_set">Mandelbrot Set</a>, a web of terrifying complexity that will reveal infinitely more layers of complexity the closer you zoom in. This web is far bigger than you know, or can possibly know. They may remind you, too, of the molecular diagrams of complex carbohydrates that you never quite understood properly at school.</p><p>It looks like this because today’s web is about interconnectedness, not just in the sense of wires under the streets, but the connections of tribes of influence and ultimately of every individual on the web – each of which is subtly different (<a
href="http://www.webuser.co.uk/news/81267.html">unless, of course, they are not</a>). The colours are interesting, too. Note the preponderance of blue (unvisited links) and red (alert!) in these pictures.</p><p>Why do Web 2.0 presentations nearly always start with this image? Because they need to disabuse you of the notion that the web looks like this:</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Google_1242063999416" border="0" alt="Google_1242063999416" src="http://twopointouch.com/wp-content/uploads/2009/05/google-1242063999416-thumb.png" width="420" height="281" /></p><p>You don’t need a £1000-a-day consultant for a web with one input box and two buttons, one of which is <a
href="http://gawker.com/tech/google/im-feeling-lucky-button-costs-google-110-million-per-year-324927.php">almost never used</a>. No; understanding the web requires science beyond your ken and difficult Maths.</p><h3>The Tag Cloud</h3><p>I’m actually a big fan of tag-clouds – as I’ve mentioned <a
href="http://twopointouch.com/2007/01/19/tag-cloud-20/">before</a>. I think they encourage exploration, individual journeys and also give an instantly understood visual fingerprint to a site.</p><p>So two thumbs-up for ones like this:</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Simonsays_1242064912799" border="0" alt="Simonsays_1242064912799" src="http://twopointouch.com/wp-content/uploads/2009/05/simonsays-1242064912799-thumb1.png" width="209" height="466" /></p><p>The ones that I’m less keen on sometimes look a bit like this:</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://twopointouch.com/wp-content/uploads/2009/05/image2.png" width="420" height="215" /></p><p>Or, even worse, like this:</p><p><object
width="425" height="344"><param
name="movie" value="http://www.youtube.com/v/HKzgX1tRR8Q&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param
name="allowFullScreen" value="true" /><embed
src="http://www.youtube.com/v/HKzgX1tRR8Q&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" /></object></p><p>The video shows CNN creating – and then seriously discussing – a ‘word cloud’ in its terminology, made from President Obama’s press conference on March 24. Not a brilliant starting point. Tag clouds do not provide a lot of analysis for documents. They flag up the main topics. They do nothing to establish sentiment or tone. If Obama’s speech had consisted entirely of questions, rather than statements, the tag cloud would look exactly the same.</p><p>By the way, UK’s <a
href="http://www.telegraph.co.uk/finance/financetopics/budget/5201347/Alistair-Darling-cries-help-in-Budget-2009-speech.html">Daily Telegraph immediately copied the idea</a>, to our shame, in order to ‘analyse’ the Chancellor’s budget speech last month:</p><p><img
src="http://twopointouch.com/wp-content/uploads/2009/05/budget2009-1389270c-thumb.jpg" width="320" height="208" /></p><h3>The Friend Wheel</h3><p>The <a
href="http://apps.facebook.com/friendwheel">Friend Wheel</a> became one of the enduring visual images to try to explain <a
href="http://www.facebook.com">Facebook</a> and the <a
href="http://www.web-strategist.com/blog/2007/11/10/what-is-social-graph-executives/">Social Graph</a> – the network’s term for the interconnectedness of your friends in a social network – and why advertising on it will work (click for big).</p><p><a
href="http://twopointouch.com/wp-content/uploads/2009/05/friendwheelforiandelaneyfacebookfriendrelationships-1242066286760.png"><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Friend Wheel for Ian Delaney - Facebook Friend Relationships_1242066286760" border="0" alt="Friend Wheel for Ian Delaney - Facebook Friend Relationships_1242066286760" src="http://twopointouch.com/wp-content/uploads/2009/05/friendwheelforiandelaneyfacebookfriendrelationships-1242066286760-thumb.png" width="476" height="500" /></a></p><p>What the hell does this show? Well, that my friends on Facebook sit in three broad groups: the green ones are the social media whores – they all know each other as well as me. I’ll probably see them at a London networking event once a month. The blue ones seem to know each other, but not the greens. They are perhaps specialists or old work colleagues. The pinks are less likely to know the greens and blues – maybe family and friends who came a little later to the network?</p><p>What you realise after a while, is that everybody’s friend wheel looks exactly the same. That’s what Facebook is like. People who don’t do the whole social media thing probably won’t have as much of a green crowd, but for them, school friends or people within a large corporation might take their place.</p><p>Again, it seems like over-complication and scientification of some common sense about what Facebook is like. This, more familiar, view of your friends doesn’t look like you need a specialist firm advising you:</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Facebook - Friends_1242067624160" border="0" alt="Facebook - Friends_1242067624160" src="http://twopointouch.com/wp-content/uploads/2009/05/facebookfriends-1242067624160-thumb.png" width="304" height="327" /></p><p>But, oh!, the colours and so many lines!</p><h3>Last Words</h3><p>I am not remotely as cynical as this might imply. I remain an enormous fan of data visualisations, despite all of this, and advise a visit to <a
href="http://www.visualcomplexity.com/vc/">Visual Complexity</a> on a weekly basis to get your fix. But do be alert: don’t forget that this is an <strong><em>art</em></strong> as much as a <strong><em>science</em></strong>. ;-)</p> ]]></content:encoded> <wfw:commentRss>http://twopointouch.com/2009/social-media/re-reading-web-20-infographics/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> </channel> </rss>
