<?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>Digital News Journalist &#187; Data Visualization</title>
	<atom:link href="http://digitalnewsjournalist.com/category/data-visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://digitalnewsjournalist.com</link>
	<description>Tips, tools and resources for multimedia journalism</description>
	<lastBuildDate>Mon, 06 Dec 2010 11:38:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Creating a Compelling and Inviting Survey</title>
		<link>http://digitalnewsjournalist.com/2010/12/06/creating-a-compelling-and-inviting-survey/</link>
		<comments>http://digitalnewsjournalist.com/2010/12/06/creating-a-compelling-and-inviting-survey/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 11:38:17 +0000</pubDate>
		<dc:creator>Sandeep Junnarkar</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Hyperlocal]]></category>
		<category><![CDATA[Multimedia Storytelling]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://digitalnewsjournalist.com/?p=1471</guid>
		<description><![CDATA[News organizations are increasingly crowd-sourcing using online survey tools like Google Forms to collect sources, data and their audiences’ experiences. Putting together a survey requires no programming or technical skills and best of all, the tools are mostly free. Presentation tools, such as Google Charts, Many Eyes and others allow you to then showcase your [...]]]></description>
			<content:encoded><![CDATA[<p>News organizations are increasingly <a href="http://en.wikipedia.org/wiki/Crowd-sourcing">crowd-sourcing</a> using online survey tools like <a href="http://www.google.com/google-d-s/forms/">Google Forms</a> to collect sources, data and their audiences’ experiences. Putting together a survey requires no programming or technical skills and best of all, the tools are mostly free. Presentation tools, such as <a href="http://code.google.com/apis/chart/">Google Charts</a>, <a href="http://www-958.ibm.com/software/data/cognos/manyeyes/">Many Eyes</a> and others allow you to then showcase your results in a visually compelling way.</p>
<p>Creating a useful survey that entices your audience to respond, however, requires planning and time. Think about it: If a video does not captivate within 10 to 15 seconds, people click off. That’s for an an activity that requires them to just sit back, relax and watch. Now imagine how difficult it is to get people to lean in, to contemplate and analyze their own experiences and reactions as they fill out a survey.</p>
<p>Here are a few tips for journalists on creating a compelling and effective online survey tailored to return results.</p>
<p><strong>Focus</strong></p>
<p>Before you even begin to write up the questions, you need to ask what exactly you are trying to learn from this survey? Just like a well-written article or well-produced Web video piece, keep it focused. Don’t try to cram in questions to cover all the different angles of your topic. Pick a focus and stick to it. And be sure the results are presented quickly and in a way that will be interesting to respondents</p>
<p><strong>Length or Time</strong></p>
<p>No one wants to sit through questions after questions, scrolling and scrolling down a Web page. Once people realize a survey is going on and on, their focus wavers and they put less thought into their answers. So keep it short and choose your questions wisely. Ask only questions that you know you need answered. Each question should result in a data point that works toward goal&#8211;whether it is information on source with a particular experience or it backs or disproves a thesis. <a href="http://prison.livesinfocus.org/2009/11/28/paycheck-to-collect-calls-prison/">Here is an example</a> of a brief, focused survey from <a href="http://prison.livesinfocus.org/">Lives in Focus: Family Life Behind Bars</a></p>
<p>In other words, your survey should require minimum scrolling no more than three to five minutes to fill out completely and thoughtfully. <a href="https://spreadsheets0.google.com/viewform?hl=en&amp;formkey=dEF5R3IxU2R4Mm82SFRUamd4NmowTXc6MQ#gid=0">Have a look at this survey on unreported crime</a>. What&#8217;s the problem here?</p>
<p><strong>Types of Questions</strong></p>
<p>There are numerous categories of questions&#8211;from multiple choice to open-ended&#8211;that can return exactly what you need if deployed correctly. <a href="https://spreadsheets0.google.com/viewform?hl=en&amp;formkey=dDRSRHhYYW9qRG93S1YtMGJ1dXJ2amc6MQ#gid=0">This survey</a>, done by <a href="http://fort-greene.thelocal.nytimes.com/">The Local</a>, was a smart follow-up to story about a fatal accident in the community. But editors later realized the questions asked were subjective and very hard to quantify and map in a meaningful way. <a href="https://spreadsheets0.google.com/viewform?hl=en&amp;formkey=dFFUcHI3V1FCRlNfZk94bHBETUNETFE6MQ#gid=0">This survey about cultural diets</a>, also done by The Local, was much easier to quantify.</p>
<ul>
<li> Multiple Choice:
<ul>
<li> Offer discrete numerical quantities rather than descriptive qualities so that you collect numbers that can be graphed. For example, “How often do you eat out?” Never (0 times); No more than twice a week (1-2 times);  Often (3-5 times) / Daily (5-7 times). Avoid: Sometimes; Often; All the time. These are subjective qualities.</li>
<li> Make the choices mutually exclusive. In other words, people should not struggle between the choices or have several apply to them.</li>
</ul>
</li>
<li> Check Lists:
<ul>
<li> Giving people the option of selecting various common items or experiences will make it more likely that people complete the survey.</li>
</ul>
<ul>
<li> Make sure to give them choice of adding “Other” and a place to enter what “other” is.</li>
</ul>
</li>
<li>1 to 5 scale:
<ul>
<li> Allows people to rank their experience, likes and dislikes.</li>
<li> Always keep the scales well-balanced. At one end is “Excellent” and at the other end is “Atrocious.”</li>
<li> Space your adjectives evenly. In other words, the choices should represent a complete spectrum and not leave gaping holes. For example, you should avoid: “Loved the event / Had a good time / Hated being there!” There are several degrees missing between “Had a good time” and “Hated being there” that could provide useful data.</li>
</ul>
</li>
<li>Yes and No:
<ul>
<li> As in all forms of journalistic interviews, avoid “Yes” and “No” questions.</li>
<li> Caveat: There are some good uses of the Yes/No question in a survey. After you collect some background information or context, you may ask a Yes/No question to categorize each respondent and then lead them into a separate branch of the survey.</li>
</ul>
</li>
<li> Private Info:
<ul>
<li> Remember to ask for a name and contact info. You’ll need this to verify or follow-up.</li>
<li> Inform people that you will NOT be sharing or publicizing the data in any way.</li>
<li> Use a Text box to collect this data.</li>
</ul>
</li>
<li>Open-ended:
<ul>
<li> You provide a longer text box to capture people’s experiences and perceptions.</li>
<li> Limit this to one or two MAX per survey. Too many open-ended questions can turn off respondents and limit your ability to chart or graph results because the answers often are not quantitative.</li>
<li>An optional, open-ended question or two at the close of a survey can sometimes yield great material to be used as anecdotes  or quotes.</li>
</ul>
</li>
</ul>
<p><strong>Order of the questions</strong></p>
<ul>
<li> Provide a variety of question formats to keep them interested filling out the survey</li>
<li>Using the same format question after question can result in people answering without much thought.</li>
<li>Make them flow in a logical order.</li>
<li>Perhaps one question answers a question generally, while the next asks for specifics.</li>
</ul>
<p><strong>Presenting the Findings:</strong></p>
<ul>
<li> Just collecting the data makes the page appear static. Instead, consider presenting the raw data in real-time as people fill out the survey. Seeing results encourages participation.</li>
<li>Or entice participation by saying respondents will be taken to results page once the survey is completed.</li>
<li>Is there an end-date on the survey or will you continue to accept responses. A deadline might encourage participation but it might also be irrelevant.</li>
<li>Crowdsourcing v. Open-Source: Will you share the data in a format that others can analyze and manipulate?</li>
<li>Is this a one-way experience. They give, you take? Or can the data provide a service to those who took the survey? Can they use that info to make any informed decision?</li>
</ul>
<p><strong>Final Touches:</strong></p>
<ul>
<li> Keep questions simple. People should have to figure out what you are asking them!</li>
<li> Make sure you are not passing judgment. You want to find out what your audience thinks. The survey is not your soap-box.</li>
<li> Have a friend or colleague take the survey:
<ul>
<li>How long did it take them?</li>
<li> Were they confused about the any of the questions?</li>
<li> Are you missing an important element?</li>
<li> Is there a stronger logical order to ask the questions?</li>
<li> Were they interested or bored?</li>
</ul>
</li>
<li>Once you publish it and have some results you can’t change it. So get it right!</li>
<li>Search Engine Optimized Title: Write a strong SEO headline that draws an audience.</li>
<li>Compelling Precede: Write a strong intro that entices people to participate.</li>
<li>Provide a time estimate: “This survey will take no more than 5 minutes to fill out.”</li>
<li>Remind your audience that this is not a scientific survey based on population sampling.</li>
<li>Who ever has the link can participate and those who don’t have the technology can’t.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://digitalnewsjournalist.com/2010/12/06/creating-a-compelling-and-inviting-survey/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The New Age of Data Visualization</title>
		<link>http://digitalnewsjournalist.com/2010/10/11/the-new-age-of-data-visualization/</link>
		<comments>http://digitalnewsjournalist.com/2010/10/11/the-new-age-of-data-visualization/#comments</comments>
		<pubDate>Mon, 11 Oct 2010 17:37:39 +0000</pubDate>
		<dc:creator>John Smock</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Future of Journalism]]></category>
		<category><![CDATA[Multimedia Storytelling]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Web Tools]]></category>

		<guid isPermaLink="false">http://digitalnewsjournalist.com/?p=1418</guid>
		<description><![CDATA[‘Journalism in the Age of Visualization,’ produced by Geoff  McGhee as part of his 2009-2010 John S. Knight Journalism Fellowship at Stanford University, is a must-see for journalists  interested in data visualization and visual journalism more broadly. The seven-part video – an hour in total – along with the rich assortment of examples, resources and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://datajournalism.stanford.edu">‘Journalism in the Age of Visualization,’</a> produced by Geoff  McGhee as part of his 2009-2010 <a href="http://knight.stanford.edu/">John S. Knight Journalism Fellowship</a> at Stanford University, is a must-see for journalists  interested in data visualization and visual journalism more broadly.</p>
<p>The seven-part video – an hour in total – along with the rich assortment of examples, resources and tutorials is as compelling as it is complete a road map of the way forward.  Journalists ranging from the indie blogger to those working in large corporate outlets need to learn how to present stories extracted from the unprecedented amount of  data now available. That data may be collected independently with free and easy-to-use polling tools like <a href="http://polldaddy.com/">Polldaddy</a> or gathered  through sites like <a href="http://www.data.gov/">Data.gov</a> and <a href="http://www.google.com/publicdata/home">Google Public Data Explorer</a>.</p>
<p>Here are two examples of data visualization presented in the documentary:</p>
<p><a href="http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html">The Jobless Rate for People Like You</a>, developed by <a href="http://www.nytimes.com/">The New York Times</a>, allows viewers to drill down and personalize unemployment data.</p>
<p><a href="http://www.msnbc.msn.com/id/33498869/#/all/all/us/all/">The Stimulus Tracker</a>, by <a href="http://www.msnbc.msn.com/">MSNBC.Com</a>, allows viewers to see where stimulus package money has been spent down to the county level and weigh its effectiveness. Viewers can also track where the money was spent relative to the voting records of politicians.</p>
<p>The idea that information presented visually and interactively on the web is a powerful way to draw in readers isn’t all that new. Infographics and interactive illustrations of events ranging from the trajectory of a plane crash to a winning Superbowl play have been around for years.  But growth in data visualization specifically has been hampered by the prohibitive  time and cost of parsing the data, developing the code and producing the final product.</p>
<p>The documentary does an excellent job of addressing these issues and the many other practical realities of producing and presenting visualization in a  journalistic context.</p>
<p>In &#8216;Part IV: A New Era in Infographics&#8217; Hannah Fairfield,  Graphics Director  for the <a href="http://www.washingtonpost.com/">Washington Post</a>,   points out the importance of simplicity and the need to clearly present to viewers how to navigate the visualization. It&#8217;s also important to present the information in a way that is meaningful to those represented in the data.</p>
<p>In ‘Part VII: Technologies and Tools’ an assortment of heavy hitters in the field discuss the variety of tools now out there or in development that allow news organizations large and small to reduce the coding involved in producing interactive data visualizations. <a href="http://manyeyes.alphaworks.ibm.com/manyeyes/">Many Eyes</a>,  <a href="http://vis.stanford.edu/protovis/">Protovis</a>, and <a href="http://flare.prefuse.org/">Flare</a> are examples of software that offer templates to present timetables, charts and maps among other things.</p>
<p>In addition to their value as news content data visualizations have a lot of design appeal. IBM researcher Marten Wattenberg acknowledges that while stream graphs like <a href="http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html">&#8216;The Ebb and Flow of Movies: Box Office Receipts 1986-2008</a>&#8216; are beautiful and effectively draw readers in, in reality they may not provide much depth of information. In the news world there is often a trade-off between design, approachability, deadlines and the actual information contained in a graphic.</p>
<p>In ‘Part VI: Exploring Data’ the documentary hones in on a topic that comes up throughout: the need to contextualize data and to give it narrative structure &#8212; the need to tell compelling stories with the data. Award-winning New York Times designer Amanda Cox along with others acknowledge the difficulty in striking a balance between allowing users to personalize data and draw their own conclusions while also providing the kind of narrative context that makes the information valuable journalism in the first place.</p>
<p>This may endure as data visualizations most vexing challenge.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalnewsjournalist.com/2010/10/11/the-new-age-of-data-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ranking-Style Surveys Can Solve One-Choice Dilemma</title>
		<link>http://digitalnewsjournalist.com/2010/03/24/ranking-style-surveys-can-solve-one-choice-dilemma/</link>
		<comments>http://digitalnewsjournalist.com/2010/03/24/ranking-style-surveys-can-solve-one-choice-dilemma/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 13:38:53 +0000</pubDate>
		<dc:creator>A. Adam Glenn</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[News Tech Tutorials]]></category>
		<category><![CDATA[Web Tools]]></category>

		<guid isPermaLink="false">http://digitalnewsjournalist.com/?p=1177</guid>
		<description><![CDATA[The Tool: Web-based survey builder that lets users &#8220;rank&#8221; their choices Why Use It: Great way to identify a &#8220;least worst&#8221; option instead of just a single favorite. I was recently helping some students identify the best day for an event they were planning, and suggested they use some kind of &#8220;preferential voting system,” one [...]]]></description>
			<content:encoded><![CDATA[<p><strong>The Tool:</strong> Web-based survey builder that lets users &#8220;rank&#8221; their choices<br />
<strong>Why Use It:</strong> Great way to identify a &#8220;least worst&#8221; option instead of just a single favorite.</p>
<p>I was recently helping some students identify the best day for an event they were planning, and suggested they use some kind of &#8220;preferential voting system,” one that allowed users to &#8220;rank&#8221; their answers, rather than just submitting a single &#8220;best&#8221; response. The idea was to allow voters to create a list &#8211;from most preferred to least preferred &#8212; in order to find the group&#8217;s &#8220;least worst&#8221; option.</p>
<p>Why bother? Let me illustrate. Let&#8217;s say you and your colleagues want to go to lunch, but can’t decide between Chinese, Italian or Thai. Half the group loves Chinese but hates Italian, the other half loves Italian but hates Chinese, and everyone is just fine with Thai. A standard poll that forced a single response would show a tie between Chinese and Italian, with Thai in third, leaving you as hungry as when you started. On the other hand, a ranking poll would show Thai as the top choice, i.e. the least undesirable option. Spring rolls, anyone?</p>
<p>Now, the only problem with my suggestion was that while I knew I&#8217;d encountered a web-based survey tool like this a couple of years ago while visiting MIT Media Lab, I couldn&#8217;t remember what it was called or where to find it. And a quick check of other survey-building tools I’d successfully used before didn’t unearth similar functionality, so I was momentarily stuck.</p>
<p>No problem! A quick query to my professional online network on <a href="http://www.linkedin.com/">LinkedIn</a> pointed me to that MIT tool within a few hours. Called <a href="http://selectricity.org/">Selectricity</a>, it was created by <a href="http://www.media.mit.edu/">MIT Media Lab</a>&#8216;s <a href="http://compcult.media.mit.edu/">Computing Culture group</a> as a <a href="http://knightfoundation.org/">Knight Foundation</a>-funded <a href="http://civic.mit.edu/">Future of Civic Media</a> project. Selectricity has a very easy-to-use &#8220;QuickVotes&#8221; function that allows you to create polls with amazing speed, and with a nifty sorting tool that has users dragging their preferences around the list before submitting their vote.</p>
<p>But the even nicer thing about my LinkedIn pals is that they also pointed me to a slew of other preferential polling tools and techniques. I haven’t been able to check these all out, but would love to hear about it if you do. Here&#8217;s what they suggested:</p>
<ul>
<li>Lots of folks pointed out that      Google Forms can be used to record responses on a 1-5 scale (Thanks Len De      Groot of the Knight Digital Media Center at Berkeley J School, Mathilde      Piard of the Palm Beach Post, Dorian Benkoil of Teeming Media, Sree      Sreenivasan of Columbia J School and Sandeep Junnarkar of CUNY J School)</li>
<li><a href="http://www.surveymonkey.com/">SurveyMonkey</a> offers <a href="http://help.surveymonkey.com/app/answers/detail/a_id/96/kw/ranking/sno/1">ranking      functionality</a>, emailed Joseph Maser, a senior business analyst and      process engineer consultant at Autodesk, who says he’s used it and that it      works great (although it may be a feature only available to paid      accounts).</li>
<li><a href="http://www.surveygizmo.com/survey-blog/ranking-questions/">Surveygizmo</a> does allow respondents to rank choices, says former colleague TereLyn      Hepple, a web content developer and technical writer at <a href="http://www.ecisolutions.com/">ECi Software Solutions</a>. And it can      be free depending on your response rates. Plus, she added, <a href="http://www.micropoll.com/">Micropoll</a> does <a href="http://www.micropoll.com/help/21.html">ranking</a> by entering      numerals and it&#8217;s free too.</li>
<li><a href="http://www.cvent.com/products/survey-question-types.shtml">Cvent’s      web surveys</a> can do ranking as well, according to Sherrie Mersdorf, a      database marketing analyst there. Cvent has a <strong>“</strong><strong>Rank Order”      survey, a </strong>vertical      list of categories with a numeric text box next to each that respondents      rank in numerical order</li>
</ul>
<p>So a big thank you to all those folks that pointed me to Selectricity (Lisa Williams of Placeblogger.com, Jose Zamora of Knight Foundation, Jody Brannon of News21, Michele McLellan and Chrys Wu), and to the other folks who offered suggestions and responses (Rob Duncan of Biritah Columbia Institute of Technology, Paul Grabowicz of UC Berkeley J School, Joe Filippazzo of CUNY J  School and producer/programmer Wallace Jackson).</p>
<p>If you know of other survey tools, by all means suggest them below. We’ll be adding a page with links on our J School wiki page, which can be updated anytime, and will post it here when it’s live.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalnewsjournalist.com/2010/03/24/ranking-style-surveys-can-solve-one-choice-dilemma/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Visualizing Story Structure: What Hollywood Can Teach Us</title>
		<link>http://digitalnewsjournalist.com/2010/02/23/visualizing-story-structure-what-hollywood-can-teach-us/</link>
		<comments>http://digitalnewsjournalist.com/2010/02/23/visualizing-story-structure-what-hollywood-can-teach-us/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 21:19:42 +0000</pubDate>
		<dc:creator>Russell Chun</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Future of Journalism]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Multimedia Storytelling]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://digitalnewsjournalist.com/?p=993</guid>
		<description><![CDATA[Visualizing data often makes good stories. I wondered how stories themselves could provide data for visualizations. You often hear of the ideal graph of story structure&#8211;the classic three-part profile with an introduction to the conflict leading to a climax, and ending with the resolution. This structure would be represented by a slow-rising hill ending with [...]]]></description>
			<content:encoded><![CDATA[<p><strong> </strong>Visualizing data often makes good stories. I wondered how stories themselves could provide data for visualizations. You often hear of the ideal graph of story structure&#8211;the classic three-part profile with an introduction to the conflict leading to a climax, and ending with the resolution. This structure would be represented by a slow-rising hill ending with a sharp decline. How could we graph and visualize existing stories, and would they correspond to this curve? My approach was to visualize stories by tracking the level of drama. I defined the level of drama in a story with two criteria: changes in the audio and changes in the visual.</p>
<p>Tracking audio changes assume that louder scenes (explosions, musical crescendos, shouting) correspond to higher levels of drama. Rapid visual changes (quick motion across the screen, camera motion, or rapid edits) also correspond to action, a quicker tempo, and higher levels of drama. A combined index of audio and visual changes graphed over the length of the movie represents its unique fingerprint, revealing its dramatic highs and lows.</p>
<div><a id="s0tr" title="http://www.russellchun.com/storystructure/storyvisualizer.html" href="http://www.russellchun.com/storystructure/storyvisualizer.html" target="_blank"><br />
</a></div>
<div><img src="https://docs.google.com/File?id=df4qx4wb_14cg7r3rcq_b" alt="" /></div>
<p>I analyzed forty noteworthy movies and collected the results in <a id="ue2y" title="this interactive tool" href="http://www.russellchun.com/storystructure/storyvisualizer.html" target="_blank">this interactive tool</a>. Use it to explore the dramatic profiles for each movie and their corresponding scenes. Do the highest peaks in each profile match the movie&#8217;s climactic moments?</p>
<div><a id="pmch" title="http://www.russellchun.com/storystructure/storyvisualizer.html" href="http://www.russellchun.com/storystructure/storyvisualizer.html" target="_blank"><br />
</a></div>
<div><img src="https://docs.google.com/File?id=df4qx4wb_15f8hr9bhk_b" alt="" /></div>
<p><a id="vxzj" title="Explore the Story Analysis tool" href="http://www.russellchun.com/storystructure/storyanalyzer.html" target="_blank">Explore the Story Analysis tool</a>, which was used to produce the graphs. Use it to see how each movie&#8217;s audio and visuals are analyzed in real-time. You can analyze your own movies (FLV or MP4 format), output the data, and post the results for others to see.</p>
<p><strong>How it was done</strong><br />
First, all the movies had to be converted to the correct Flash-friendly format. Each movie was converted to an MP4 (H.264 codec) file using <a id="cm1_" title="Handbrake" href="http://handbrake.fr/" target="_blank">Handbrake</a>, a free open-source video transcoder. Then I had each movie stream into Flash with the FLVPlayer component.</p>
<p><strong>Tracking the audio changes<br />
</strong><img src="https://docs.google.com/File?id=df4qx4wb_8vzbhf8ct_b" alt="" /></p>
<p>Audio levels were analyzed with the ActionScript command, <a id="tft:" title="SoundMixer.computeSpectrum()" href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/media/SoundMixer.html#computeSpectrum%28%29" target="_blank">SoundMixer.computeSpectrum()</a>. The command takes a snapshot of the current sound and stores the information as a series of numbers that can be translated visually. While my sound visualization is rather simple, there are countless creative ways to visualize sound. There have even been <a id="y38l" title="contests for the most creative visualizations" href="http://theflashblog.com/?p=197" target="_blank">contests for the most creative visualizations</a>. Since I was most interested in the variation of sound levels throughout the movie, I captured the amplitude (or volume) of the sound every 10 milliseconds and graphed it with a gray line. An average of the sound amplitude was calculated and graphed with a bold white line.</p>
<p><strong>Tracking the visual changes<br />
</strong><img src="https://docs.google.com/File?id=df4qx4wb_9d79f4tdk_b" alt="" /></p>
<p>Every 10 milliseconds, Flash grabbed the image from the video stream with the <a id="eua5" title="BitmapData" href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/display/BitmapData.html" target="_blank">BitmapData</a> class. The command, <a id="btp5" title="getPixel()" href="http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=00001407.html" target="_blank">getPixel()</a>, gathered the red, green, and blue color information from each pixel. The red, green, and blue color distribution of an image is known as an RGB histogram. My goal was to track changes between histograms that would indicate major visual changes due to camera motion, edits, or subject motion. Much research has been already done on the subject of tracking shot changes for video cataloging, involving complex (and patented) algorithms. I made my calculation quite simple, determined by differences in the histogram area coupled with a dampening function to normalize the extreme values. The resulting index, which reflects visual changes, was graphed as a gray line. An average of the index was calculated and graphed as a bold white line.</p>
<p><strong>Combining audio and visual changes</strong></p>
<div><img src="https://docs.google.com/File?id=df4qx4wb_10q2v4mkdh_b" alt="" /><br />
Combining the audio and visual indices resulted in what I termed, the &#8220;drama index&#8221;, a measure of the dramatic highs and lows in a movie. The overall shape of the profile, shown in red, can be interactively smoothed out or made more detailed by changing its resolution in the Story Analysis tool.<br />
<strong><br />
What does your favorite movie look like?<br />
</strong> Analysis of forty distinguished movies–<a id="aj4l" title="the top ten of all time" href="http://www.russellchun.com/?p=287" target="_blank">the top ten of all time</a>, <a id="jsan" title="the worst ten" href="http://www.russellchun.com/?p=312" target="_blank">the worst ten</a>, <a id="s49x" title="the ten highest grossing films" href="http://www.russellchun.com/?p=325" target="_blank">the ten highest grossing films</a>, and <a id="ajmp" title="the previous ten Best Pictures" href="http://www.russellchun.com/?p=338" target="_blank">the previous ten Best Pictures</a>–not surprisingly reveal no common pattern, but it does provide a standard, objective way of tracking a film’s dramatic peaks and valleys–their position, duration, and intensity. <img src="https://docs.google.com/File?id=df4qx4wb_11gr8wt7cm_b" alt="" />This screenshot is a profile of Star Wars. Note the dramatic beginning when Princess Leia’s vessel is boarded, and the slow build-up to the three dramatic peaks at the end: the rescue from the Death Star, the duel between Darth Vader and Obi-Wan Kenobi, and finally the destruction of the Death Star. The analysis works best on modern action films. There is, of course, no consideration for acting, for cinematography, or for the dramatic climaxes that may come in quieter moments (such as the sudden change that crosses an actor&#8217;s face with a revelation).</p>
<p><strong>Other movie visualizations</strong><br />
There are many other interesting visualizations of movies. NetFlix recently ran a contest to see if the public could find a more effective way to predict which movies users would prefer based on past ratings. The results of two of the top teams can be visualized as <a id="usoc" title="a network of similarities between movies" href="http://www.the-ensemble.com/content/netflix-prize-movie-similarity-visualization" target="_blank">a network of similarities between movies</a>, or as <a id="axn9" title="a landscape with similar movies clustered together" href="http://www2.research.att.com/%7Eyifanhu/MovieMap/index.html" target="_blank">a landscape with similar movies clustered together</a>. (Based on these maps, if you liked Star Wars, then you probably also liked RoboCop).</p>
<p>One recent visualization cleverly <a id="akjp" title="plotted the interactions between characters" href="http://xkcd.com/657/" target="_blank">plotted the interactions between characters</a>. The hand-drawn map and synthesis of time and geography reminds me a little of <a id="lrbz" title="Charles Minard's map of Napolean's march to Moscow" href="http://www.russellchun.com/wp-content/uploads/2007/09/minard.jpg" target="_blank">Charles Minard&#8217;s map of Napolean&#8217;s march to Moscow</a>, as discussed and praised by Edward Tufte as a gem of information design.</p>
<p>Finally, the New York Times produced a <a id="tpi-" title="fascinating look at the box-office revenues of the movies" href="http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html" target="_blank">fascinating look at the box-office revenues of the movies</a>. I love seeing the periodicity in the graph reflecting the predictable huge bumps during the summer blockbuster months and holiday season before the Oscar considerations. Notice also the relatively short, squatter profiles of recent movies compared to the long tails of movies in the past.</p>
<p>What more can we visualize of movies, or the structure of individual stories?</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://digitalnewsjournalist.com/2010/02/23/visualizing-story-structure-what-hollywood-can-teach-us/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

