<?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>Gilad Lotan &#187; visualization</title>
	<atom:link href="http://giladlotan.com/blog/category/visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://giladlotan.com/blog</link>
	<description>culture technology: bridging the gap</description>
	<lastBuildDate>Mon, 16 Jan 2012 02:03:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Recent Media Coverage</title>
		<link>http://giladlotan.com/blog/2012/01/recent-media-coverage/</link>
		<comments>http://giladlotan.com/blog/2012/01/recent-media-coverage/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 02:01:34 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[media coverage]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[Deb Chachra]]></category>
		<category><![CDATA[Mike Orcutt]]></category>
		<category><![CDATA[socialflow]]></category>
		<category><![CDATA[Technology Review]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=771</guid>
		<description><![CDATA[<p>Over the past couple of weeks I&#8217;ve been honored to have my work has covered in a number of awesome publications.</p>
<p>Viral Information Flows / MIT Technology Review</p>
<p>Mike Orcutt of MIT&#8217;s Technology Review published a fantastic post, Information&#8217;s Social Highways, available in this month&#8217;s magazine as well as on their website. Mike got in touch with [...]]]></description>
			<content:encoded><![CDATA[<p>Over the past couple of weeks I&#8217;ve been honored to have my work has covered in a number of awesome publications.</p>
<p><strong>Viral Information Flows / MIT Technology Review</strong></p>
<p><a href="https://twitter.com/#!/mike_orcutt">Mike Orcutt</a> of <em>MIT&#8217;s Technology Review</em> published a fantastic post, Information&#8217;s Social Highways, available in this month&#8217;s magazine as well as <a href="http://www.technologyreview.com/computing/39294/">on their website</a>. Mike got in touch with me over the summer. He wanted to highlight various interesting aspects of information dissemination within social networks, including their visual representations. We threw around a number of ideas and agreed that it&#8217;d be fantastic to identify a number of interesting information flows that emerged from Twitter, visualize, and highlight similarities and differences in the way their networks had formed.</p>
<p>A quote from <a href="http://www.technologyreview.com/computing/39294/page2/">the article</a>:</p>
<blockquote><p>There is no recipe for virality, says Gilad Lotan, head of R&amp;D for a startup called SocialFlow, which aims to help clients from the <em>Economist</em> to Pepsi more effectively capture attention on Twitter. But the deluges of data that viral tweets generate hold potentially valuable insights into how and why certain things spread beyond their author&#8217;s network of regular contacts.</p></blockquote>
<p>The article compared two very different information flows. The first, providing hot information about the Osama Bin Laden operation, was incredibly fast. Within a few minutes, there were over one thousand users reposting the message, along with prominent journalist accounts. In comparison, the second flow is one initiated by my close friend Deb Chachra. In reaction to the London authorities threatening to shut down Twitter during the riots this summer, she posted the following tweet:</p>
<blockquote><p>Urban rioting existed before SMS/social media. You know what didn&#8217;t? Large-scale community cleanups, spontaneously organized within hours.</p></blockquote>
<p>Her post went viral, but in a very different manner. Over a period of two and a half days, Deb&#8217;s tweet saw a sustained growth in the number of folks reposting it. Every few hours, the post would get a boost from someone with a large audience who reposted it, continuing on this way. While in the previous example, the path to an important curator (Brian Stelter) took one minute and not more than one hop, in Deb&#8217;s case, it was several hours and 11 hops before the message reached Graham Linehan (<a href="https://twitter.com/#!/Glinner">@Gilnner</a>) who has a large audience with which the message resonated.</p>
<p>Mike wraps up the article, making the case for what we do at SocialFlow:</p>
<blockquote><p>Being heard isn&#8217;t always easy in an age when anyone can become a broadcaster. But analyzing and visualizing such data helps SocialFlow guide customers about how, when, and what they should tweet to have the best chance of disseminating their messages widely.</p></blockquote>
<p><strong>News as a Process: how journalism works in the age of Twitter / GigaOm</strong></p>
<p>Mathew Ingram published a piece called &#8216;<em><a href="http://gigaom.com/2011/12/21/news-as-a-process-how-journalism-works-in-the-age-of-twitter/">News as a Process: how journalism works in the age of Twitter</a></em>&#8216;, on GigaOm covering our <a href="http://ijoc.org/ojs/index.php/ijoc/article/view/1246/643">IJOC study</a> &#8211; &#8220;<em>The Revolutions Were Tweeted: information flows during the 2011 Tunisian and Egyptian revolutions</em>&#8220;. Matthew highlights one of our key findings on homophily within Twitter&#8217;s media ecosystem: journalists tend to retweet other journalists, bloggers tend to retweet other bloggers, and so on). Finally, the article links to the <a href="http://globalvoicesonline.org/2011/12/20/mena-global-voices-bridges-on-twitter/">visualization I posted on Global Voices</a>, highlighting GV authors who were central figures in disseminating news about the turn of events during the height of the Tunisian and Egyptian revolutions.</p>
<div class="wp-caption aligncenter" style="width: 406px"><a href="http://globalvoicesonline.org/wp-content/uploads/2011/12/Screen-shot-2011-12-12-at-2.45.48-AM.png"><img class="    " title="arab spring" src="http://globalvoicesonline.org/wp-content/uploads/2011/12/Screen-shot-2011-12-12-at-2.45.48-AM.png" alt="Network of news dissemination during the Tunisian and Egyptian revolutions (green nodes are Global Voices authors)" width="396" height="381" /></a><p class="wp-caption-text">Network of news dissemination during the Tunisian and Egyptian revolutions (green nodes are Global Voices authors)</p></div>
<p>Quote from the article:</p>
<blockquote><p>As we look at the way news and information flows in this new world of social networks, and <a href="http://gigaom.com/2011/11/18/what-happens-when-journalism-is-everywhere/">what Andy Carvin has called “random acts of journalism” by those who may not even see themselves as journalists</a>, it’s easy to get distracted by how chaotic the process seems, and how difficult it is to separate the signal from the noise. But more information is better — even if it requires new skills on the part of journalists when it comes to filtering that information — and journalism, as Jay Rosen has pointed out, <a href="http://gigaom.com/2011/04/27/journalism-gets-better-the-more-people-that-do-it/">tends to get better when more people do it</a>.</p></blockquote>
<p><strong>Visualizing.org</strong></p>
<p>Lastly, the <a href="http://blog.socialflow.com/post/5246404319/breaking-bin-laden-visualizing-the-power-of-a-single">Osama Bin Laden Twitter visualization</a> that I worked on earlier in May 2011 was highlighted as one of Visualizing.org&#8217;s <a href="http://www.visualizing.org/2011">visualizations of the year</a>. wo00t! For those of you not familiar with Visualizing.org, it is a fantastic community of creative folks with the goal of making data visualization more accessible to the general public. The site hosts hundreds of datasets, and encourages users to create visualizations through challenges which run on the website.</p>
<p>I&#8217;m extremely excited and humbled by the range of awesome coverage!</p>
<p>Now &#8211; back to work <img src='http://giladlotan.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2012/01/recent-media-coverage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Anatomy of a Viral Tweet</title>
		<link>http://giladlotan.com/blog/2011/06/understanding-audiences-through-information-flows/</link>
		<comments>http://giladlotan.com/blog/2011/06/understanding-audiences-through-information-flows/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 15:31:05 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[data]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=733</guid>
		<description><![CDATA[<p>Here&#8217;s the crib of my 140#conf NYC talk, given on June 15th at the 92nd st Y:

I&#8217;m here to talk to you about my work on digital audiences, with a focus on information flows. I&#8217;m sure that to this crowd I don&#8217;t have to stress the potential that social media is unlocking. Whether you&#8217;re a [...]]]></description>
			<content:encoded><![CDATA[<p><em>Here&#8217;s the crib of my 140#conf NYC talk, given on June 15th at the 92nd st Y:<br />
</em><br />
I&#8217;m here to talk to you about my work on digital audiences, with a focus on information flows. I&#8217;m sure that to this crowd I don&#8217;t have to stress the potential that social media is unlocking. Whether you&#8217;re a brand, knitting circle or just an individual surfing the web, social media is an invaluable medium to seek and disseminate important information in realtime.</p>
<p>We are all part of the emerging information economy, building and using applications that create overflowing streams of information. Social network sites create compelling spaces, where social interactions act as lubricants, accelerating the flow of information. Users are encouraged to respond, add to, consume and redirect content. As information flows by, some may grab a piece when it is most relevant, valuable, entertaining or insightful, and at times, choose to pass it onwards.</p>
<p><strong>Attention = Power</strong></p>
<p>While the threshold to publishing nears zero, attention has become the bottleneck. One cannot demand attention anymore, or expect to have it at certain times of the day. We all need to understand the preferences and behavior of our respective audiences, and adapt our own behavior in order to attract the attention of others. The ability to attract attention is power, and in this 140-character economy, understanding how people manage their attention is incredibly powerful.</p>
<p>Because information spreads through people, networks of friends, fans and followers, by understanding information flows we have the ability to unlock insight about where people place their attention. Some data spread at an unpredictable viral speed, while the majority are only seen by a handful. In order for messages to propagate, people along the way must be attentive: notice them at the right time, and pass them onwards. How this happens is the million dollar question. Here are some examples:</p>
<p><strong>Gaining your Network&#8217;s Trust</strong></p>
<p>This is a visualization from a <a href="http://blog.socialflow.com/post/5246404319/breaking-bin-laden-visualizing-the-power-of-a-single">recent study</a> we published about the spread of the tweet on the Osama Bin Laden operation. Media that monday morning was focused on the story that &#8220;Twitter broke the news&#8221;. Over an hour before the formal white house announcement, people on twitter had figured out that it was Bin Laden. There was much speculation on why the presidential announcement had to take place on sunday night. Some were on the Gaddafi side, and others, Bin Laden.</p>
<p>It was a single tweet that triggered an in credibly fast information cascade. A single tweet from Keith Urbahn, Donald Rumsfeld&#8217;s chief of staff, drew 80 retweets within a minute, and generated over 300 within two. This message spread like wildfire. (<a href="http://blog.socialflow.com/post/5246404319/breaking-bin-laden-visualizing-the-power-of-a-single">see study</a> for more detail)</p>
<p>Before May 1st, not even the smartest of machine learning algorithms could have predicted Keith Urbahn&#8217;s likelihood to spread information on this topic, or his potential to spark an incredibly viral information flow. While politicos &#8220;in the know&#8221; certainly knew him or of him, his previous interactions and size and nature of his social graph did little to reflect his potential to generate thousands of people&#8217;s willingness to trust within a matter of minutes.</p>
<p><strong>Tight Knit Network or &#8220;Tribe&#8221;</strong></p>
<p>Another example of an interesting information spread is that of Urban Outfitters vs. the NYC crafters community. In this case, the &#8216;I heart NYC&#8217; necklace design was ripped off an independent designer by UO. The artists put up a blog post, and Amber Karnes published the following post to Twitter:</p>
<p><img src="http://giladlotan.com/blog/wp-content/uploads/2011/06/my-boycott-urban-outfitters-tweet.jpeg" alt="my boycott urban outfitters tweet" title="my boycott urban outfitters tweet" width="525" height="95" class="aligncenter size-full wp-image-740" /></p>
<p>This led to an avalanche of reactions, to the level that her username was trending in LA, Portland, New York, Toronto and then the United States.</p>
<p>In an <a href="http://www.myaimistrue.com/2011/05/urban-outfitters-ripoff-trending-topic/">incredibly insightful</a> post, Amber wrote:</p>
<blockquote><p>I am not a Twitter celebrity by any means. I barely had over 1,000 followers when the day began and I’m pretty sure about 200 of those are spam-bots. What I do have – and the reason that my call for a boycott on Urban Outfitters spread so fast and wide – is a tribe. A tight knit group of independent artists and crafters that follow me. My cause resounded with them. They spread it, and their friends spread it, and a few big influencers on Twitter spread it, and then it was gone.
</p></blockquote>
<p><strong>Topic + Network + Timing</strong></p>
<p>We see this over and over again: The right social-professional networked audience, along with a relevant piece of information, all at the right time, led to an explosion of public affirmation, many times, unexpected by the author.</p>
<p><strong>Paradox of Social Networks</strong></p>
<p>While networked sociality promises us equal opportunity, the ease and frictionless connection to literally anyone across the globe. But what plays out is in effect very different. As James Gleik <a href="https://findings.com/gilad/finding/2811">notes in his seminal book</a> &#8216;The Information&#8217;:  &#8220;The structure of the social web stands upon a paradox. Everything is close, and everything is far at the same time.&#8221;</p>
<p>These small world networks usually offer 4 degrees of separation. And even though the distances between people may seem short, finding the right route that will provide us with the wanted outcome is extremely difficult. This is why cyberspace can feel not just crowded but lonely .You can drop a stone into a well and never hear a splash. But alternatively, you can be received with a flood of water. And while the latter is less common, the more people spend their time in SNS, we&#8217;re seeing that happen again and again.</p>
<p><strong>the promise of data</strong></p>
<p>Whether you&#8217;re interested in socializing or in selling a product, understanding your network&#8217;s habits around information consumption and production is imperative to attaining people&#8217;s attention, and building an engaged audience. We all build these mental models in our heads, imagining our invisible audiences; the people who give us attention. But as long as its all in our heads, it doesn&#8217;t scale. We need to build and use tools that drive insight and help us find effective ways to makes sense of all the digital breadcrumbs left by our online audiences.</p>
<p>Psyched to be working at the heart of this.</p>
<p align="center"><object>
<div style="width:425px" id="__ss_8315938"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/giladlotan/140conf-nyc" title="SocialFlow - 140confNYC">SocialFlow &#8211; 140confNYC</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/8315938" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
<p></object></p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2011/06/understanding-audiences-through-information-flows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding Information Flows: the True Power of Social Media</title>
		<link>http://giladlotan.com/blog/2011/01/understanding-information-flows-the-true-power-of-social-media/</link>
		<comments>http://giladlotan.com/blog/2011/01/understanding-information-flows-the-true-power-of-social-media/#comments</comments>
		<pubDate>Wed, 19 Jan 2011 18:56:33 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[africa]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=665</guid>
		<description><![CDATA[<p>With all the excitement about Tunisia and the numerous debates on whether this was/is another &#8220;Twitter Revolution&#8221;, it was the perfect time to dig into Clay Shirky&#8217;s recently published piece &#8216;The Political Power of Social Media&#8217; in the Journal for Foreign Affairs. I actually like the journal and usually buy a copy, but sadly there&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>With all the excitement about Tunisia and the numerous debates on whether this was/is another <a href="http://jilliancyork.com/2011/01/14/not-twitter-not-wikileaks-a-human-revolution/">&#8220;Twitter Revolution&#8221;</a>, it was the perfect time to dig into Clay Shirky&#8217;s recently published piece <a href="http://www.foreignaffairs.com/articles/67038/clay-shirky/the-political-power-of-social-media">&#8216;The Political Power of Social Media&#8217;</a> in the Journal for Foreign Affairs. I actually like the journal and usually buy a copy, but sadly there&#8217;s no existing text online, which means, the article is not part of the current debate (a shame!). Many agree that the revolution in Tunisia did not happen <a href="http://goo.gl/zQvwJ">because of Twitter</a>, nor did Twitter *actually* help much for those fighting in the streets of Tunis. While social media play an important role in easing the flow of information during and <a href="http://twitter.com/#!/EthanZ/status/27073466779832320">after the peak of events</a>, Clay argues that there&#8217;s an important and usually overseen long-term effect that Social Media has in strengthening public spheres. </p>
<p>In the article, Shirky claims that the US government overestimates the value of access to information, particularly that hosted in the west, and underestimates the value of tools for local coordination. There&#8217;s a need to think of social media as long term tools that can strengthen civil society, and thus the public sphere. Clay argues that <strong>a strong public sphere plays a crucial role in social change</strong>. For example, communication tools during the Cold War did not cause governments to collapse, but they helped the people take power from the state when it was weak. They played a supporting role in social change by strengthening the public sphere. It is imperative for the US to rely on countries&#8217; economic incentives to allow widespread media use. It should work for conditions that appeal to states&#8217; self-interest rather than the contentious virtue of freedom, a way to create or strengthen countries&#8217; public spheres.</p>
<p>Clay describes a fascinating study of political opinion by sociologists Elihu Katz and Paul Lazarsfeld: </p>
<blockquote><p>
in a study of political opinion after the 1948 US presidential elections, sociologists Elihu Katz and Paul Lazarsfeld discovered that mass media alone do not change people&#8217;s minds; instead there is a two-step process. Opinions are first transmitted by the media, and then they get echoed by friends, family members, and colleagues. It is in this second, social step that political opinions are formed. This is the step in which the Internet in general, and social media in particular, can make a difference. As with the printing press, the Internet spreads not just media consumption but media production as well &#8211; it allows people to privately and publicly articulate and debate a welter of conflicting views.
</p></blockquote>
<p>The fascinating thing about Twitter, is that for the first time, we are able to actually <strong>SEE</strong> some of these psychologically triggered processes happen. We see the described first step happen all the time: media outlets and corporations tend to broadcast messages using their accounts. These messages may or may not be picked up by the general audience who follows their accounts. But the second step is where things get really interesting. Posts may be picked up and echoed by friends, family members and colleagues, sometimes bounced around so much that the messages turn &#8220;viral&#8221;.</p>
<p>This second step, the social flow of ideas and opinions between people based on realtime public data is at the crux of an emerging new field that fuses machine learning and statistics with the social sciences. Access to information is important, but understanding information flows is truly powerful in order to do in-depth analyses of people&#8217;s behavior and create systems that are smarter and substantially more effective. Clay talks about a notion of &#8217;shared awareness&#8217; &#8211; people who are part of intertwined networks, posting and consuming each other&#8217;s information. Shared awareness binds and strengthens groups, helping millions who are not part of any hierarchical organization spread messages and reach a common understanding. Understanding how people are inter-connected not only helps us build better systems, but also helps us get a sense for the strength of a country&#8217;s public sphere.</p>
<p>As the web continues to evolve into a dense network of social links, we need to focus on getting a better understanding of networked information flow. Additionally we must build tools that will help us slice and dice massive social graphs of nodes and edges. Whether a breaking news story, social coupon or a TV show, information flows are the underlying force powering the web, and affecting the DNA of our society. I am certain that making sense of them will bring huge rewards.</p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2011/01/understanding-information-flows-the-true-power-of-social-media/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Seeing your Invisible Audience</title>
		<link>http://giladlotan.com/blog/2010/12/seeing-your-invisible-audience/</link>
		<comments>http://giladlotan.com/blog/2010/12/seeing-your-invisible-audience/#comments</comments>
		<pubDate>Thu, 02 Dec 2010 19:42:21 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[socialnet]]></category>
		<category><![CDATA[talk]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=643</guid>
		<description><![CDATA[::Making Sense of the Ebbs and Flow of Social Data
<p>Below are notes + slides of my presentation at the BRANDSconf. I’d like to acknowledge Hunter Whitney. Portions of this content were based on a discussion and an upcoming article he is writing on this topic (link coming shortly):</p>
<p>I&#8217;m extremely passionate about data analysis and design. [...]]]></description>
			<content:encoded><![CDATA[<h3><span style="font-weight: normal;">::Making Sense of the Ebbs and Flow of Social Data</span></h3>
<p>Below are notes + slides of my presentation at the <a href="http://brandsconf.com">BRANDSconf</a>. I’d like to acknowledge <a href="http://www.uxmag.com/authors/hunter-whitney">Hunter Whitney</a>. <strong>Portions of this content were based on a discussion and an upcoming article he is writing on this topic</strong> (link coming shortly):</p>
<p>I&#8217;m extremely passionate about data analysis and design. My work focuses on the intersection of the two. I play with data, and figure out ways to make it more accessible to people. I&#8217;m here to talk about why the art of making sense of massive amounts of social data is critical not only for geeks like me, but any professional using Twitter. And my goal is to get YOU all excited about the opportunity that understanding data unveils for us.</p>
<p>Whether you&#8217;re a multi-national enterprise, a local deli or a mah-jong meetup, the proliferation of social network services like Twitter have created an expectation that you interact with your customers, users and followers. There&#8217;s an expectation to connect rather than broadcast. We&#8217;ve been hearing this over and over this morning &#8211; you are a brand. And as a brand you are expected to interact with your audience like a person would interact with others. You need to engage in conversations, provide and receive feedback, network, create hype, and do all this in a timely manner.</p>
<p>But how can we be expected to interact with an ever growing and diverse group of people when we can&#8217;t really &#8220;see&#8221; them?</p>
<p><strong>Giving Shape to our Audience</strong></p>
<p><a href="http://smg.media.mit.edu/people/Judith/">Judith Donath</a> of Harvard&#8217;s Berkman Center talks about human signaling and how that translates to digital spaces. I get a variety of signals from merely standing in front of you all &#8211; your age, what you&#8217;re wearing, how you&#8217;re feeling, whose smiling and whose already fallen asleep. Being here, with you, part of this event, I have context that helps me understand how best to interact with you all. I&#8217;ll happily switch to speaking Hebrew, but obviously that will not be helpful. Even the little bit that I know about you helps me make some useful assumptions &#8211; speak English, tune down the analytics/mathematics terms, tune up the user experience/brand jargon.</p>
<p>Social network spaces are fueled by social interactions. Think of people&#8217;s interactions online as digital breadcrumbs, trails of connections, likes, thoughts and opinions. By piecing together these crumbs we can start making sense of the people giving us attention on Social Network sites. We must use as much of the tools available to mine the data about our audience &#8211; location, time of day, language, interests. In order to interact with an audience we need to be able to sense it.</p>
<p>There are a variety of tools that give us this opportunity to mine content. This is only the first step. We need to put an emphasis on looking at the connections between people, and not only the content that is being published.</p>
<p><strong>The Social Graph</strong></p>
<p>Social Graph is a term that I&#8217;m certain you all will hear more and more as social network spaces become a fundamental component of our lives. A social graph is a dataset that represents people and their inter-connections within a group. Mark Zuckerberg is known for popularizing the term in his description of the value that Facebook Connect brings to websites. Facebook&#8217;s social graph is made up of you all who I&#8217;m sure have accounts, and all your connections. Additionally, that graph distinguishes between types of connections &#8211; whether colleagues, friends or family.</p>
<p>Twitter&#8217;s social graph is different. Its a directed, which means that connections have directions. The person who you follow does not necessarily follow you back. Twitter&#8217;s social graph is fascinating because it maps people&#8217;s interests; what people are willing to give their attention to. By understanding people&#8217;s interests over time as well as their interconnections, we have the ability to identify we can reveal valuable points such as (1) bridges: people who connect two distinct communities (2) influencers: those who can get their audience to participate (3) experts: people who specialize on a specific topic (4) hustlers: culture creators.</p>
<p>While it is fairly straightforward to aggregate large datasets, we are still challenged by making sense of graph based data. These constantly changing graph indexes are massive at scale and may require complex queries in realtime: whats the shortest path between person A and person B, whats the intersection between group C and D or whats the clustering coefficients amongst group E. Once calculated, these results reflect on the intricacies of people&#8217;s relationships, and shedding light on properties that directly affect their behavior: influence, trust, authority and personal preference.</p>
<p><strong>Understanding information flows</strong></p>
<p>In the social web, information spreads through people, networks of friends, fans and followers. Social network sites create compelling spaces where users feel comfortable to hang out, interact, consume, poke and publish. Social interactions lubricate the flow of information within these spaces, creating a plethora of dynamics. These spaces are filled with endless streams of content, encouraging users to participate, add to, consume from and redirect content. As information flows by, users grab content when it is most relevant, valuable, entertaining or insightful, and at times, choose to pass it on.</p>
<p>Because information flows through networks of people, attention has become a scarce commodity. This is truly a game changer. Media companies no longer control people&#8217;s attention, but are rather fighting for a smaller section of the pie. True power lies in understanding how information flows and its effect of where people choose to focus their attention.  In order for messages to propagate through social networks, people along the way must be attentive to the pieces of information, see them at the right time, and pass them onwards.</p>
<p>Whether you&#8217;re interested in socializing or in selling a product, understanding people&#8217;s habits around information consumption and production is imperative to attaining people&#8217;s attention and building an audience. By leveraging the publicly available data around people&#8217;s practices, we can create services that shed a light on people&#8217;s habits and preferences. Additionally, by mining this data over time, we can infer their value in affecting information flows.</p>
<p><strong>::demo:: <a href="http://giladlotan.com/blog/2010/01/seeing-a-twitter-hashtag-spread/">seeing a Twitter Hashtag Spread</a></strong></p>
<p>I&#8217;ve been following <a href="http://twitter.com/jeffpulver">@jeffpulver</a> for a while now and know that he&#8217;s quite generous in terms of attention. A great time to catch Jeff is in the morning (wherever he is),  as he sends out a &#8216;good morning&#8217; Tweet, there tend to be reciprocal pings and messages. I also know Jeff is interested in new developments in the Israeli startup scene. If I have any juicy piece of information on that topic, I&#8217;d make sure to post it, possibly with a /cc/ to Jeff, and ideally around his morning time. I have a mental model in my head, around Jeff&#8217;s practices in consuming and producing content.</p>
<p>We all do this, but can only capture so much in our heads. We need tools that scale and capture our networks as a whole and not just individuals. Remember, its not necessarily about the size of an audience or someone&#8217;s number of followers, but rather who they are and who they&#8217;re connected to.</p>
<p>That all sounds really great, but in effect, representing large graph datasets can easily get out of hand, however loved by geeks, usually becomes a tangled mass of lines and dots. We must remember that this data is beneficial only if people are able to make sense of it. We need to think about interfaces that will let us play with the data; slice and dice the parts that we deem relevant or interesting. In addition to an intuitive interface, we need controls that will help us dive into and observe patterns or connections that would have otherwise been hidden.</p>
<p><strong>Closing</strong></p>
<p>There are three points I want to make sure you all come out of this talk thinking about:</p>
<p>1) <strong>Mine Digital Breadcrumbs</strong> &#8211; use the exiting tools to get a sense for how our audience looks and its segmentation (I&#8217;ve made a <a href="http://oneforty.com/gilgul/brandsconf">oneforty kit here</a>)</p>
<p>2) <strong>Social Graphs are Extremely Useful</strong> &#8211; yet complex to aggregate and mine.</p>
<p>3) <strong>understanding information flows is Powerful</strong> &#8211; especially as we&#8217;re shifting from broadcast mode to that of engagement</p>
<p>Social network analytics tools may fundamentally change the way we engage with our online audiences. We need to build better tools that do the above mentioned tasks. But I need people like you all to be vocal about your needs and frustrations. As we&#8217;re building out these technologies, we want to make sure they are tailored to real needs.  We&#8217;re only at the start of the journey, and I&#8217;m super excited to be a part of it!</p>
<p style="text-align: center;"><object id="__sse6009453" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=brandsconf-101202133809-phpapp01&amp;stripped_title=seeing-your-invisible-audience&amp;userName=giladlotan" /><param name="name" value="__sse6009453" /><param name="allowfullscreen" value="true" /><embed id="__sse6009453" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=brandsconf-101202133809-phpapp01&amp;stripped_title=seeing-your-invisible-audience&amp;userName=giladlotan" name="__sse6009453" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2010/12/seeing-your-invisible-audience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highlights from the ITP Spring 2010 Show</title>
		<link>http://giladlotan.com/blog/2010/05/highlights-from-the-itp-spring-2010-show/</link>
		<comments>http://giladlotan.com/blog/2010/05/highlights-from-the-itp-spring-2010-show/#comments</comments>
		<pubDate>Tue, 18 May 2010 00:29:10 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[ITP]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=563</guid>
		<description><![CDATA[<p style="text-align: left;">If you&#8217;ve never been to one of the twice-a-year shows held at NYU&#8217;s Interactive Telecommunications Program, you&#8217;re missing the weirdest, coolest, most insanely inspired geek projects around. Red Burns sez &#8216;ITP is about enhancing the human spirit through imagination. when we grow up we have it knocked out of us and we&#8217;re afraid [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">If you&#8217;ve never been to one of the twice-a-year shows held at NYU&#8217;s Interactive Telecommunications Program, you&#8217;re missing the weirdest, coolest, most insanely inspired geek projects around. <a href="http://news.bbc.co.uk/2/hi/americas/8683358.stm">Red Burns</a> sez &#8216;ITP is about enhancing the human spirit through imagination. when we grow up we have it knocked out of us and we&#8217;re afraid to be embarrased. The minute you tell people they don&#8217;t have rules to follow the floodgates open, and they do things even they&#8217;re suprised of&#8217;. As an alumni, I can confess that Red is absolutely 100% right. Here are some of the projects I loved from the recent Spring 2010 show:</p>
<p><a href="http://www.scrollabl.es/about.html">Scrollables</a> is a stunning exploration that uses paper as an interface for digital content. Move the scroll, and control the content projected onto it:</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11482851&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=11482851&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p><a href="http://www.binaryspark.com/current/">Current</a> is a real time data visualization of the life-cycle of internet memes, from birth to evolution and decline, in relation to the daily news cycle. By visually anthropomorphizing the capricious nature of public attention we are able to spotlight missed opportunities in news coverage, and, potentially, recover news readership that has been lost to more sensational sources. <a href="http://www.binaryspark.com/current/">Download</a> and run the application yourself!</p>
<p style="text-align: center;"><img class="size-medium wp-image-571  aligncenter" title="current" src="http://giladlotan.com/blog/wp-content/uploads/2010/05/current-300x84.jpg" alt="current" width="300" height="84" /></p>
<p><a href="http://plusandminus.org/">Plus and Minus</a> visualizes the progress of HIV/AIDS in the last 20 years and lets users see how changes they make can affect the future. It is based on data from 1990 through 2007 and lets one compare see possible outcomes of investment in different solutions like condoms, HIV screenings and education.</p>
<p style="TEXT-ALIGN: center"><img class="size-medium wp-image-574  aligncenter" title="plusandminus" src="http://giladlotan.com/blog/wp-content/uploads/2010/05/plusandminus2-300x147.jpg" alt="plusandminus" width="300" height="147" /></p>
<p><a href="http://mobilelogger.robertcarlsen.net ">Mobile Logger</a> is an <a href="http://itunes.apple.com/us/app/mobilelogger/id365459773?mt=8">iphone application</a> that lets its users record location, direction, speed, altitude and sound level as they go off on a journey. This is especially designed for bikes, but can obviously be used in other &#8220;journey&#8221; situations. Check out the <a href="http://gizmodo.com/5536235/mobile-logger-everybody-with-an-iphone-and-a-bike-should-get-this-app">Gizmodo post</a>.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-573" title="mobilelogger2" src="http://giladlotan.com/blog/wp-content/uploads/2010/05/mobilelogger2-300x199.jpg" alt="mobilelogger2" width="300" height="199" />  <img class="aligncenter size-medium wp-image-572" title="mobilelogger1" src="http://giladlotan.com/blog/wp-content/uploads/2010/05/mobilelogger11-300x199.jpg" alt="mobilelogger1" width="300" height="199" /></p>
<p><a href="http://itp.nyu.edu/~mh1905/get.php">Chat Roulette 1988</a> is a phone based system that allows you to chat with different people anytime, anywhere. Since the 80&#8217;s are back (or so claim the creators), you might as well give this a try! The project leverages the <a href="http://www.asterisk.org/">Asterisk</a> Open Source telephony project.</p>
<p><a href="http://www.iheartswitch.com/blog/short-people-shoes-get-lift">SHORT++</a> is a pair of interactive robotic elevators shoes that are activated by an iPhone app. (There’s a new UP for that…) Check out Adi&#8217;s video:</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11496831&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=11496831&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p><a href="http://itp.nyu.edu/~cqn200/myportfolio/?p=142">Papel</a> is a retail display that mixes paper art, illusions and human interaction. When a viewer is not present, the wall paper will radiate a soft glow. When the viewer stands in front of the installation, the glow fades out, and their image is back-projected onto the paper structure.</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11201873&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=11201873&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p><a href="http://itp.nyu.edu/shows/spring2010/2010/05/03/thermogen/">Thermogen</a> is a cool project that converts heat from a toaster over to electricity. In essence, a cirtuit to be used where power is unavailable, but heat is plentiful. Additionally, David created not only electricity from the heat, but also yummy choc-chip cookies.</p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2010/05/highlights-from-the-itp-spring-2010-show/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Future of the Book</title>
		<link>http://giladlotan.com/blog/2010/05/future-of-the-book/</link>
		<comments>http://giladlotan.com/blog/2010/05/future-of-the-book/#comments</comments>
		<pubDate>Tue, 11 May 2010 15:21:55 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[interactive]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=557</guid>
		<description><![CDATA[<p>Check out our recently installed piece, the &#8216;Future of the Book&#8217;, at the Berkeley Center for New Media window (next to the free speech cafe). It is a mixed media electronic sculpture, built in collaboration with Judith Donath and Martin Wattenberg. Initially commissioned for the Boston Book Festival in 2009, we reconstructed the piece for [...]]]></description>
			<content:encoded><![CDATA[<p>Check out our recently installed piece, the &#8216;Future of the Book&#8217;, at the <a href="http://cnm.berkeley.edu/events/">Berkeley Center for New Media</a> window (next to the free speech cafe). It is a mixed media electronic sculpture, built in collaboration with <a href="http://smg.media.mit.edu/people/Judith/">Judith Donath</a> and <a href="http://www.bewitched.com/">Martin Wattenberg</a>. Initially commissioned for the Boston Book Festival in 2009, we reconstructed the piece for BCNM, where it will be in display until August. The piece includes three unique visualizations that display content related to books and reading:</p>
<blockquote><p>Three glowing screen are set amidst arching piles of ghostly pale books. One continuously reconfigures Twitter posts about reading, on another bouncing letters randomly settle into place, revealing pointed quotes about reading drawn from well-known books, while the third uses the viewer&#8217;s image to trace out a series of related passages.</p></blockquote>
<p style="text-align: left;">Photos below:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fgiladlotan%2Fsets%2F72157624037226626%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fgiladlotan%2Fsets%2F72157624037226626%2F&amp;set_id=72157624037226626&amp;jump_to=" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowfullscreen="true" flashvars="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fgiladlotan%2Fsets%2F72157624037226626%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fgiladlotan%2Fsets%2F72157624037226626%2F&amp;set_id=72157624037226626&amp;jump_to="></embed></object></p>
<p>more project information <a href="http://vivatropolis.com/FutureOfTheBook/">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2010/05/future-of-the-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aerogel Installation at TEDActive</title>
		<link>http://giladlotan.com/blog/2010/02/aerogel-installation-at-tedactive/</link>
		<comments>http://giladlotan.com/blog/2010/02/aerogel-installation-at-tedactive/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 04:37:47 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=531</guid>
		<description><![CDATA[<p>I was fortunate to be invited this year as one of the contributing artists at TEDActive. This is the simulcast event that happens in Palm Springs at the same time that the main TED event takes place in Long Beach. The organizers frame it not as &#8220;TED jr.&#8221; but rather a more intimate version of [...]]]></description>
			<content:encoded><![CDATA[<p>I was fortunate to be invited this year as one of the contributing artists at <a href="http://conferences.ted.com/TED2010/program/TEDActive.php">TEDActive</a>. This is the simulcast event that happens in Palm Springs at the same time that the main <a href="http://ted.com">TED</a> event takes place in Long Beach. The organizers frame it not as &#8220;TED jr.&#8221; but rather a more intimate version of TED; in essence, what it used to be like before it became a 1500 person event.</p>
<p>Ironically enough, Bing sponsored a really cool lounge which included a number of interactive art pieces. This is were <a href="http://directedplay.com">Dan Goods</a> and I installed a variation the Aerogel installation. For TEDActive, we slightly altered its interactivity and the projected material:</p>
<p>Aerogel is a solid made up of 99.8% air and 0.2% of a smoky form of silicon, hence its other name: &#8217;solid smoke&#8217;. While it is easily breakable, the material is super light and a fantastic heat insulator. Throughout the week, Dan would let people hold a piece of Aerogel on their hand while directing a blow-torch at it. When projected upon, it captures light in a stunning way:</p>
<p style="text-align: center;"><a title="TEDactive aerogel installation by giladlotan, on Flickr" href="http://www.flickr.com/photos/giladlotan/4361869190/"><img class="aligncenter" src="http://farm5.static.flickr.com/4062/4361869190_cd14cc3d62.jpg" alt="TEDactive aerogel installation" width="500" height="375" /></a></p>
<p>NASA uses aerogel to capture dust particles in space. These particles vaporize on impact with solids and pass through gases, however can be trapped within the aerogel. Our installation dealt with this notion of capturing that which difficult to hold or grasp. As the conference progressed, the ideas that were raised and discussed during the talks were captured and projected on the aerogel pieces. At different times, a variety of topic would be projected within the aerogel pieces. When left by itself, the projections morphed between movement and colors. But as a person would move their hands in front of the installation, some of the most recent messages posted on Twitter about TED or TEDActive would explode within the projected space. </p>
<p>Here&#8217;s a video demonstrating the material&#8217;s amazing capability to capture light:</p>
<p align="center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=c6fb484b76&amp;photo_id=4361909438" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=c6fb484b76&amp;photo_id=4361909438"></embed></object></p>
<p>Here&#8217;s another video showing Dan interacting with the piece:</p>
<p align="center">
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=2ebd68e140&#038;photo_id=4361909468"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=2ebd68e140&#038;photo_id=4361909468" height="300" width="400"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2010/02/aerogel-installation-at-tedactive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seeing a Twitter #Hashtag Spread</title>
		<link>http://giladlotan.com/blog/2010/01/seeing-a-twitter-hashtag-spread/</link>
		<comments>http://giladlotan.com/blog/2010/01/seeing-a-twitter-hashtag-spread/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 20:51:05 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=505</guid>
		<description><![CDATA[<p>#CheeringForTheYankeesIsLike is a hashtag created by @mattsly the morning of October 26th. He submitted the following snarky message &#8211; &#8216;Go Phillies. #CheeringForTheYankeesIsLike hoping investment bankers get really huge bonuses of at least 8 figures&#8216; &#8211; hoping to entertain his friends, and possibly get others to participate. Matt had 182 followers at the time, not sizeable [...]]]></description>
			<content:encoded><![CDATA[<p>#<em>CheeringForTheYankeesIsLike</em> is a hashtag created by <a href="http://twitter.com/mattsly">@mattsly</a> the morning of October 26th. He submitted the following snarky message &#8211; &#8216;<em>Go Phillies. #CheeringForTheYankeesIsLike hoping investment bankers get really huge bonuses of at least 8 figures</em>&#8216; &#8211; hoping to entertain his friends, and possibly get others to participate. Matt had 182 followers at the time, not sizeable by any means on Twitter. Little did he expect that some 9 hours later, 271 different users, most of whom have no connection to him whatsoever, would participate, posting around 500 messages in total.</p>
<p>How did this happen and what prompted this message to spread?</p>
<p><strong>#CheeringForTheYankeesIsLike</strong></p>
<p>About an hour after Matt sent out his first message, one of his followers, <a href="http://twitter.com/lizzieohreally">@lizzieohreally</a>, wrote the following message &#8216;<em>@jaketapper? @abcdude? &#8230;Hoping someone w/ more Twitter than I can help popularize #CheeringForTheYankeesIsLike (via @mattsly)</em>&#8216;. Lizzie clearly understood that in order to get many others to play, she would have to get someone with a large set of followers to participate. Lizzie had only around 500 followers at the time, so posted this message in an attempt to seek @jaketapper or @abcdude&#8217;s attention.</p>
<p>Sure thing, some twenty minutes later, <a href="http://twitter.com/abcdude">@abcdude</a> see&#8217;s the message and adds his own variation to the meme: &#8216;<em>#cheeringfortheyankeesislike pulling for Regina George in &#8220;Mean Girls.&#8221;</em>&#8216; He enjoys it so much that he promptly posts another message and attaches the hashtag. @abcdude is a new york based correspondent for ABC news. He dubs himself a RedSox fan and a cosmic power broker. Not as cosmic as Lizzie had hoped, but still, he has some 7,000 followers, which could certainly help give the meme some traction. We see a small spike after @abcdude&#8217;s participation, and by now, some 3 hours after Matt sent the original message, there have been 34 different messages posted with this unique hashtag.</p>
<p>But it wasn&#8217;t until <a href="http://twitter.com/jaketapper">@jaketapper</a> joined in that the conversation really took off. The hashtag came to Jake&#8217;s attention after @DetourJazz, whom he follows, participated. Jake reacted by posting:  &#8217;<em>RT @DetourJazz: #cheeringfortheyankeesislike rooting for &#8220;Craterface&#8221; in Grease to beat Danny (via @Laura_Martin)&#8217;</em>. He then added a new message that he posted to his followers. Jake is a senior White House correspondent for ABC news with over 30,000 followers. Before he took part in this meme, new posts appeared at a frequency of one every 5 minutes. Immediately after he joined, we see a sharp rise in participation, with multiple messages from a variety of users every minute.</p>
<p><strong>Seeing it Spread</strong></p>
<p>1. Graphing the Network &#8211; Every user who participated in the meme is represented by a gray circle (Matt, whom first started the meme, is shown in yellow). Edges represents the person who most likely influenced the other to first participate.</p>
<p style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="334" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=e643e86e08&amp;photo_id=4280332032" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="334" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=e643e86e08&amp;photo_id=4280332032"></embed></object></p>
<p>2. Seeing the Flow &#8211; in this applet, a user is represented by their twitter icon. As the timeline moves forward, each profile lights up when they post a new message with the hashtag. Tthe moment that @jaketapper chose to participate is evident &#8211; there&#8217;s a clear, sudden spike in participation after his profile picture lights up.</p>
<p style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="334" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=91b988d570&amp;photo_id=4273114637" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="334" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=91b988d570&amp;photo_id=4273114637"></embed></object></p>
<p>3. Seeing the distance &#8211; the following applet highlights the total social distance that this hashtag traveled between users. Each user is represented by a circle, the more influence a user has, the larger their circle is drawn. Edges in this example represent the social ties &#8211; when there&#8217;s a follower/friend relationship between two users, a line is placed between their representation on the screen. The first column includes only Matt who first used the hashtag. The second row consists of only those people he directly influenced to participate (his followers). While there are a total of 9 columns, it is crystal clear that the most important phase happened in the second and third column, when a core cluster of users chose to participate, and a mini tipping point was reached.</p>
<p style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="336" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=b2bbd3cdd3&amp;photo_id=4089778653" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="336" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=b2bbd3cdd3&amp;photo_id=4089778653"></embed></object></p>
<p><strong>Parsing the Data</strong></p>
<p>#<em>CheeringForTheYankeesIsLike</em> lasted for a total of 9 hours that day, activated 271 different users and included around 500 messages in total. From looking at this meme, it is clear that on Twitter, there&#8217;s great advantage to having many followers if one intends to spread a message. It is also clear that having the right followers is key. If it were not for @lizzieohreally who knew to actively pass the message onwards to heavy Twitter users, the meme would never have spread out the way it did. In order to come to these conclusions it was necessary for me to look at social ties in addition to the semantics of the messages posted.</p>
<p>I used the Twitter API to discover the follower/friend relationships between all users who participated in this meme. This is extremely important  data, especially when modeling  the flow of participation and influence within this hashtag. For example, lets look at a simple case where user B follows user A. If user A first participates and is followed by user B participating, user A is rewarded some number of influence points &#8211; this is assuming user B saw the hashtag posted by user A, and decided to participate. Additionally, if a user is retweeted or &#8216;@&#8217; messaged they are rewarded some number of influence points. Real life situations can easily become complicated, as user B might also be following user C, who participated in the meme as well. Now how do we know if user B was influenced by user A or user C? Hard to tell, but we can build an influence model that takes these situations into account, which is exactly what I did.</p>
<p>Translating the semantics and social ties from the dataset into a visual language that made sense was key to helping me understand this hashtag experiment. I am a big fan of visualization as a means to parse large datasets, however dealing with social, implicit data is tricky, and extremely challenging to represent visually. But when done right, these representations can shine a whole new light and hopefully help us better understand some of the dynamics at play.</p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2010/01/seeing-a-twitter-hashtag-spread/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Twitter Visualization: MTV VMA Tweet Tracker</title>
		<link>http://giladlotan.com/blog/2009/09/twitter-visualization-mtv-vma-tweet-tracker/</link>
		<comments>http://giladlotan.com/blog/2009/09/twitter-visualization-mtv-vma-tweet-tracker/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 15:26:34 +0000</pubDate>
		<dc:creator>gilad</dc:creator>
				<category><![CDATA[culture technology]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[mtv]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=476</guid>
		<description><![CDATA[<p>New Twitter visualization of the MTV video music awards by Stamen design. I enjoy using the well-designed interface for &#8220;re-experiencing&#8221; the series of events as they evolved that evening. I like the simplicity of the timeline at the bottom, and just how easy it is to navigate between times. What I also really like is [...]]]></description>
			<content:encoded><![CDATA[<p>New Twitter visualization of the MTV video music awards by Stamen design. I enjoy using the well-designed interface for &#8220;re-experiencing&#8221; the series of events as they evolved that evening. I like the simplicity of the timeline at the bottom, and just how easy it is to navigate between times. What I also really like is the sparkline-esque graph showing the person&#8217;s popularity throughout the evening.</p>
<p>What I&#8217;d like to see is a comparison of multiple people at the same time. I&#8217;d also like to minimize the timeline so that i can see the whole evening at a time, rather than have to scroll horizontally. I don&#8217;t like the aesthetic of circular profiles over a black background. The circular border has too much contrast &#8211; some alpha blurring would&#8217;ve done the trick nicely. Whats definitely missing most is the multiple channel view, especially now that people aren&#8217;t talking as much about the event. In any case, nice to see MTV investing in a Twitter viz. (click below to try it out)</p>
<p><a href="http://www.mtv.com/netstorage/mtvncorpstor.download.akamai.com/8620/radian6/ttl1m/app/online.html"><img class="aligncenter size-large wp-image-486" title="2009 MTV VMA Tweet Tracker | MTV.com-1" src="http://giladlotan.com/blog/wp-content/uploads/2009/09/2009-MTV-VMA-Tweet-Tracker-MTV.com-11-1024x496.jpg" alt="2009 MTV VMA Tweet Tracker | MTV.com-1" width="598" height="289" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2009/09/twitter-visualization-mtv-vma-tweet-tracker/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flickr Clock</title>
		<link>http://giladlotan.com/blog/2009/03/flickr-clock/</link>
		<comments>http://giladlotan.com/blog/2009/03/flickr-clock/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 19:12:14 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[citizen media]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://giladlotan.com/blog/?p=407</guid>
		<description><![CDATA[There&#8217;s something really wonderful about using the flickr clock interface to browse through people&#8217;s moments from around the world. The clock displays only video content and lets you lean back and just click &#60;next&#62; to view another short clip which someone uploaded somewhere around the world.

<p class="wp-caption-text">flickr clock</p>
<p>I love the horizontal timeline below the image [...]]]></description>
			<content:encoded><![CDATA[<div class="mceTemp">There&#8217;s something really wonderful about using the flickr clock interface to browse through people&#8217;s moments from around the world. The clock displays only video content and lets you lean back and just click &lt;next&gt; to view another short clip which someone uploaded somewhere around the world.</div>
<div class="mceTemp"></div>
<div id="attachment_406" class="wp-caption aligncenter" style="width: 310px"><a href="http://giladlotan.com/blog/wp-content/uploads/2009/03/flickr-clock.jpg"><img class="size-medium wp-image-406" title="flickr-clock" src="http://giladlotan.com/blog/wp-content/uploads/2009/03/flickr-clock-300x158.jpg" alt="flickr clock" width="300" height="158" /></a><p class="wp-caption-text">flickr clock</p></div>
<p>I love the horizontal timeline below the image slices and I think the general browsing experience is well done. Its always an interesting challenge lining up events horizontally on one level. For example, when browsing through this clock, I first encounter a clip from the San Francisco Pillow Fight. However, when I click on the &lt;next&gt; arrow I am shown a cat sitting by a windowsill. All these events happen at the same time, and are as important for the person who placed them on the clock.</p>
<div id="attachment_409" class="wp-caption aligncenter" style="width: 310px"><a href="http://giladlotan.com/blog/wp-content/uploads/2009/03/flickr-clock-1.jpg"><img class="size-medium wp-image-409" title="flickr-clock-1" src="http://giladlotan.com/blog/wp-content/uploads/2009/03/flickr-clock-1-300x281.jpg" alt="flickr clock timeline" width="300" height="281" /></a><p class="wp-caption-text">flickr clock timeline</p></div>
<p>Applications like these make me wonder how we will be consuming news in the future. Will we have a super-set of timelines streaming real-time video people are taking from events around the world? How easy will it be to switch from my personal channel (i.e. my cat on the windowsill) to my relevant events (for example places I&#8217;ve been to, people I follow or more general newsworthy events).</p>
<p>[tags] visualization, timeline, clock, flickr,video,news,events,pnn[/tags]</p>
]]></content:encoded>
			<wfw:commentRss>http://giladlotan.com/blog/2009/03/flickr-clock/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

