<?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>Wed, 19 May 2010 18:56:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<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>0</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>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: digitalnewsjournalist.com @ 2010-09-09 05:47:16 -->