tag:blogger.com,1999:blog-37763113180748232122017-09-07T16:33:17.954-07:00Visual Times: Using visual information for teaching and learningThis blog presents visual information in pedagogical contexts; considering how information is presented in visual form and how we can learn from these presentations.John Leehttps://plus.google.com/116674732568574481030noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-3776311318074823212.post-44073447375877420712012-08-31T19:45:00.000-07:002012-08-31T20:01:58.745-07:00Visualizing Words at the Republican Convention, the From the New York Times, August 30, 2012 <br /><a href="http://www.nytimes.com/interactive/2012/08/28/us/politics/convention-word-counts.html">http://www.nytimes.com/interactive/2012/08/28/us/politics/convention-word-counts.html&nbsp;</a><br /><br />&nbsp;<a href="http://www.nytimes.com/interactive/2012/08/28/us/politics/convention-word-counts.html"><img border="0" src="http://2.bp.blogspot.com/-yNsXpYKoIg8/UEF6RYpRmkI/AAAAAAAAB1M/EYwBTIXQEfk/s1600/RNCwords.png" /></a><br /><br /><br />A look at how often speakers at the Republican National Convention have used different words, based on an analysis of transcripts from the Federal News Service.<br /><br />John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-6493292871047866242012-08-13T17:36:00.001-07:002012-08-31T19:28:44.063-07:00Naming NamesA look back 5 years to a classic visualization from Jonathan Corum and Farhana Hossain at the New York Times<br /><a href="http://www.nytimes.com/interactive/2007/12/15/us/politics/DEBATE.html">http://www.nytimes.com/interactive/2007/12/15/us/politics/DEBATE.html</a><br /><div id="articleBody"><div id="flashContainer"><h4>December 15, 2007 </h4><nyt_headline type=" " version="1.0"></nyt_headline><br /><h2 class="multiHeadline">Naming Names</h2><br />Names used by major presidential candidates in the series of Democratic and Republican debates leading up to the Iowa caucuses.</div><div id="interactiveBody"><script src="http://graphics8.nytimes.com/packages/html/multimedia/js/swfobject.js" type="text/javascript"></script><script src="http://graphics8.nytimes.com/packages/html/multimedia/js/swfaddress.js" type="text/javascript"></script><br /><div id="flashcontent"><embed allowscriptaccess="always" base="http://graphics8.nytimes.com/packages/flash/politics/20071215_DEBATE_GRAPHIC/" bgcolor="#FFFFFF" flashvars="contentPath=http://graphics8.nytimes.com/packages/flash/politics/20071215_DEBATE_GRAPHIC/wheel.swf" height="600" id="nytSwf" name="nytSwf" quality="high" src="http://www.nytimes.com/packages/flash/multimedia/swfs/multiloader.swf" type="application/x-shockwave-flash" width="970"></embed></div></div></div><script type="text/javascript">// &amp;amp;lt;![CDATA[ var so = new SWFObject(&amp;amp;quot;http://www.nytimes.com/packages/flash/multimedia/swfs/multiloader.swf&amp;amp;quot;, &amp;amp;quot;nytSwf&amp;amp;quot;, &amp;amp;quot;970&amp;amp;quot;, &amp;amp;quot;600&amp;amp;quot;, &amp;amp;quot;8&amp;amp;quot;, &amp;amp;quot;#FFFFFF&amp;amp;quot;); so.addVariable(&amp;amp;quot;contentPath&amp;amp;quot;,&amp;amp;quot;http://graphics8.nytimes.com/packages/flash/politics/20071215_DEBATE_GRAPHIC/wheel.swf&amp;amp;quot;) so.addParam(&amp;amp;quot;allowScriptAccess&amp;amp;quot;, &amp;amp;quot;always&amp;amp;quot;); so.addParam(&amp;amp;quot;BASE&amp;amp;quot;, &amp;amp;quot;http://graphics8.nytimes.com/packages/flash/politics/20071215_DEBATE_GRAPHIC/&amp;amp;quot;); so.write(&amp;amp;quot;flashcontent&amp;amp;quot;); // ]]&amp;amp;gt; </script><br /><div id="captionCreditContainer"><div id="caption"><h4 class="kicker">Source: Debate transcripts</h4></div><div id="credit"><h4 class="kicker">Jonathan Corum and Farhana Hossain/The New York Times</h4></div></div><div id="swfaddress" style="left: -9999px; position: absolute; top: -9999px;"><iframe frameborder="no" id="swfaddress-iframe" scrolling="no" src="http://www.nytimes.com/packages/html/multimedia/js/swfaddress.html"></iframe><br /><form id="swfaddress-form" method="get"></form></div><div id="swfaddress" style="left: -9999px; position: absolute; top: -9999px;"><iframe frameborder="no" id="swfaddress-iframe" scrolling="no" src="http://www.nytimes.com/packages/html/multimedia/js/swfaddress.html"></iframe><br /><form id="swfaddress-form" method="get"></form></div>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-49195966364846416132011-06-23T12:20:00.000-07:002011-08-23T13:04:13.808-07:00Pentagon Papers: A visual presentation of dataRecently, the National Archives and Records Administration released an un-redacted version of the Pentagon Papers, official knows as United States-Vietnam Relations, 1945-1967: A Study Prepared by The Department of Defense, <a href="http://www.archives.gov/research/pentagon-papers/">http://www.archives.gov/research/pentagon-papers/</a>. (for more see my post on Learn Digital History at <a href="http://learndigitalhistory.blogspot.com/2011/06/pentagon-papers-online.html">http://learndigitalhistory.blogspot.com/2011/06/pentagon-papers-online.html</a>). The publication is organized in 47 volumes, one of which is <a href="http://www.archives.gov/research/pentagon-papers/download.php?link=http://media.nara.gov/research/pentagon-papers/Pentagon-Papers-Part-IV-C-10.pdf">Part IV. C. 10. Evolution of the War. Statistical Survey of the War, North and South: 1965 - 1967</a>. This document includes 23 visual displays of statistical information about U.S. military involvement in Vietnam from 1965-9967. Data reported in the document included troop levels, the number of military operations, air sorties, and casualties. The display features 117 events featured on horizontal axises delimiting 3 month periods or yearly quarters. A small black triangle indicates the date of the event with descriptive text to the right of this chronological mark. Events are arranged in a cascading fashion from top to bottom, with the listing of events continuing at the top when space at the bottom runs out. The result is a series of five cascading lists running right to left across the 12 quarters. On top of the event chronology are line graphs displaying data sets. Each data set is represented separately on the even chronology display.
<br />
<br />Below is one of the 23 visual. This one displaying U.S. deaths.
<br />
<br />
<br /><a href="http://dhpp.org/files/Pentagon-Papers-Part-IV-C-10%2012.png">Larger version</a>
<br />
<br />
<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dhpp.org/files/Pentagon-Papers-Part-IV-C-10%2012.png"><img style="cursor:pointer; cursor:hand;width: 1022px; height: 796px;" src="http://dhpp.org/files/Pentagon-Papers-Part-IV-C-10%2012.png" alt="" border="0" /></a>
<br />
<br />
<br />
<br />
<br />John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-61267073824573804992010-12-03T10:16:00.000-08:002010-12-03T11:12:01.277-08:00Mark Twain Autobiography visual navigation<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qIh9le_--nA/TPk2Bu_ZalI/AAAAAAAAAc8/w_3dkR2X3lc/s1600/Screen%2Bshot%2B2010-12-03%2Bat%2B1.21.02%2BPM.png"><img style="cursor:pointer; cursor:hand;width: 400px; height: 248px;" src="http://3.bp.blogspot.com/_qIh9le_--nA/TPk2Bu_ZalI/AAAAAAAAAc8/w_3dkR2X3lc/s400/Screen%2Bshot%2B2010-12-03%2Bat%2B1.21.02%2BPM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5546523819505183314" /></a><br /><br /><div>November, 2010, the first of three volumes of Mark Twain's autobiography was released. The book, released on the centenary of Twain's death (per his request!), is published by the University of California Press in conjunction with the Bancroft Library at UC-Berkley. The book is presented online at <a href="http://www.thisismarktwain.com/">http://www.thisismarktwain.com</a>. Featured on the front page of the website is a two part navigational <a href="http://www.thisismarktwain.com/timeline.html">interface</a> (pictured above) that allows uses to browse Twain's life using a conventional chronological schema and an interestingly different autobiographical schema.<div><br /></div><div>The chronological tool (pictured below) enables users to browse 42 episodes featured in the book in chronological order. Each episode is marked by a image that appears above a timeline with the date of the episode. Clicking on the image yields additional information, and in some instances, video or audio of Twain scholars speaking on the topic.</div><div><br /></div><div><a href="http://1.bp.blogspot.com/_qIh9le_--nA/TPk6UgxnhwI/AAAAAAAAAdE/8C4YwSp00TU/s1600/Screen%2Bshot%2B2010-12-03%2Bat%2B1.41.35%2BPM.png"><img src="http://1.bp.blogspot.com/_qIh9le_--nA/TPk6UgxnhwI/AAAAAAAAAdE/8C4YwSp00TU/s400/Screen%2Bshot%2B2010-12-03%2Bat%2B1.41.35%2BPM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5546528540153317122" style="cursor: pointer; width: 400px; height: 255px; " /></a></div><div><br /></div><div>The autobiography tool (pictured below) presents the same 42 episodes, but this time in the order these episodes appear in the autobiography. The same images as are used in the chronological tool appear, but this time in a circular shape floating across the screen from top to bottom. Users can navigate using controls on the top and the bottom of the frame and select an image to access the additional information.<br /><br /></div><div><a href="http://4.bp.blogspot.com/_qIh9le_--nA/TPk6iBh07mI/AAAAAAAAAdM/TY5J7XTTXxI/s1600/Screen%2Bshot%2B2010-12-03%2Bat%2B1.41.55%2BPM.png"><img src="http://4.bp.blogspot.com/_qIh9le_--nA/TPk6iBh07mI/AAAAAAAAAdM/TY5J7XTTXxI/s400/Screen%2Bshot%2B2010-12-03%2Bat%2B1.41.55%2BPM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5546528772283756130" style="cursor: pointer; width: 400px; height: 259px; " /></a><br /><br /><br /></div><div>I found the chronological tool to be much more intuitive and informative. Although the autobiographical tool is innovative, the edge that is gained through the differentness of the tool is more than lost by a lack of context. Images in the autobiographical tool appear on a line that zigs and zags across the screen in what appears to be a random order. No dates or other markers are provided to suggest a context for the presentational order of the images. Unlike the temporal connections in the chronological tool, there are no signs or markers on the autobiographical tool that suggest any relational context. Some images (i.e. episodes) are closer in proximity to images that precede or follow, but we do not know if that is an indication of relationship between the episodes. The interface does allow the user to move images on the screen, but there seems to be no logical reason for doing so. If the autobiographical tool is allowed to play, each image moves forward in relief as the full array of images slowly scrolls from top to bottom. This flow suggests a visual narrative that is different than the chronological narrative. I found this feature to be the most powerful. Comparative analysis of both animations might yield some interesting findings. </div><div><br /></div></div>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-61656758469765041802010-01-09T22:02:00.000-08:002010-01-09T22:19:48.643-08:00Netflix rental patternsThere is much here, particularly if you know the socio-economic patterns of these cities.<br />From New York Time January 10, 2010<br /><a href="http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html">http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html</a><br /><br /><embed width=1000 height=800 src="http://graphics8.nytimes.com/packages/flash/newsgraphics/2010/0108-netflix/NetflixGraphic2.swf"></embed>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com1tag:blogger.com,1999:blog-3776311318074823212.post-80508248286592847952009-09-01T21:09:00.000-07:002009-09-01T21:20:39.543-07:00City scents on displayA cheerful presentation by Jason Logan at the New York Times of an olfactory tour of Manhattan. Much is asked of the viewer in this visual presentation to conjure the smells of New York. But, through the use of creative language that is artfully arrayed in spatial form, we can quite easily imagine the "scents of the city." <br /><br /><iframe height=800 width=1000 src="http://graphics8.nytimes.com/packages/flash/opinion/20090829-smell-map-feature/SmellMap.swf"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-17851028503359288962009-08-17T21:50:00.000-07:002009-08-18T15:04:19.781-07:00Time Magazine visual graphics on historical topicsFor the last six years, Time Magazine has presented graphical representations of information on their magazine website. With a current catalog of 180 graphics, the Time collection is an interesting study in the evolution of web graphics. <br /><br />The earliest of these graphics titled, "<a href="http://www.time.com/time/covers/1101030210/timeline/">The Shuttle's Triumph and Tragedy</a>," is simply a five panel time line presentation, with each panel containing an image and chronologically arranged summary information about the Space Shuttle Columbia. <br /><br /><iframe height=600 width=850 src="http://www.time.com/time/covers/1101030210/timeline/"></iframe><br /><br />the next four graphics were focused on the War in Iraq, a trend in military content that has continued to this day. <br /><br />This graphic from 2004 is also a time line, but is interestingly static. Although the information is arrayed nicely on the time line, the graphic lacks an interactivity, something we may now come to expect from online graphic. <br /><br /><iframe height=600 width=1200 src="http://www.time.com/time/covers/1101040705/timeline/"></iframe><br /><br />This 2005 graphic on the Civil War military leadership in the Union Army featured an enhanced level of interactivity across four screens and within screens on roll-over effects and pop-up graphics. <br /><br /><iframe height=600 width=850 src="http://www.time.com/time/covers/20050704/graphics/generals.html"></iframe><br /><br /><br />Two Time graphics attempt to represent historical spaces in Monticello and Jamestown. <br /><br /><br /><iframe height=800 width=1000 src="http://www.time.com/time/covers/1101040705/monticello/"></iframe><br /><br /><br /><iframe height=800 width=1000 src="http://www.time.com/time/2007/jamestown/"></iframe><br /><br /><br />A more recent 2009 graphic on FDR's war-related actions is decidedly flat in terms of information array and intereactivity. Hopefully, this will not prove to be a new trend at Time. <br /><br /><iframe height=800 width=1000 src="http://www.time.com/time/interactive/0,31813,1906773,00.html"></iframe><br /><br />..John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-39387958472968290262009-07-28T19:33:00.001-07:002009-09-20T13:30:06.051-07:00History paintings online: Visual presentation and reading the past<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://upload.wikimedia.org/wikipedia/commons/f/fe/Treaty_of_Paris_by_Benjamin_West_1783.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 500px; height: 375px;" src="http://upload.wikimedia.org/wikipedia/commons/f/fe/Treaty_of_Paris_by_Benjamin_West_1783.jpg" alt="" border="0" /></a><br /><br />An amazing array of visual artistic content is available on the Web. in this post I look at online representations of Benjamin West's paintings, specifically his history paintings.<br /><br />A good starting place is Wikimedia Common. This resource includes copyright and royalty free images. An <a href="http://commons.wikimedia.org/wiki/Benjamin_West">entry on Benjamin West </a>includes (as of this posting) 25 images of his work.<br /><br /><br />Included in the collection is West's famous 1781 unfinished painting "American Commissioners of the Preliminary Peace Agreement with Great Britain." Wikimedia Commons also include a category titled <a href="http://commons.wikimedia.org/wiki/Category:History_paintings">History Painting</a> with numerous additional paintings in the genre.<br /><br /><br />A Google Image search will also yield a nice array of images from a <a href="http://images.google.com/images?q=benjamin+west+paintings&amp;oe=utf-8&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a&amp;um=1&amp;ie=UTF-8&amp;ei=vVNwSuaVKYuJtgfLp-n9DQ&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=4">search on Benjamin West</a>. A relatively new feature in Google Images also allows you to search for <a href="http://similar-images.googlelabs.com/">similar images</a>. This may be helpful if you are trying to find an appropriately sized or shaped image or if you want variations on an image theme.<br /><br /><br /><br />Here are four images that came up in a Google similar images search on this initial image<br /><br /><table border="0"><br /><tbody><tr><br /><td><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://faculty.evansville.edu/rl29/art105/img/west_pennstreaty.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 467px; height: 315px;" src="http://faculty.evansville.edu/rl29/art105/img/west_pennstreaty.jpg" alt="" border="0" /></a></div></td><br /><td><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.boisestate.edu/socwork/dhuff/us/images/2-colonial/jamestown-1608-artistunknown.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 446px; height: 310px;" src="http://www.boisestate.edu/socwork/dhuff/us/images/2-colonial/jamestown-1608-artistunknown.jpg" alt="" border="0" /></a><br /></div></td><br /></tr><br /><tr><br /><td><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.iroquoisdemocracy.pdx.edu/images/wpenn.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 435px; height: 302px;" src="http://www.iroquoisdemocracy.pdx.edu/images/wpenn.jpg" alt="" border="0" /></a><br /></div></td><br /><td><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Treaty_of_Penn_with_Indians_by_Benjamin_West.jpg/400px-Treaty_of_Penn_with_Indians_by_Benjamin_West.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 278px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Treaty_of_Penn_with_Indians_by_Benjamin_West.jpg/400px-Treaty_of_Penn_with_Indians_by_Benjamin_West.jpg" alt="" border="0" /></a><br /></div></td><br /></tr><br /></tbody></table><br /><br /><br /><br />The <a href="http://www.metmuseum.org/toah/">Heilbrunn Timeline of Art History</a> from the Metropolitan Museum of Art offers a wide range of essays with accompanying images on a wide range of art topics. An essay on Benjamin West titled <a href="http://www.metmuseum.org/toah/hd/bwst/hd_bwst.htm">Students of Benjamin West (1738–1820)</a> explores the influence of West on American art.<br /><br /><br /><br /><a href="http://www.lunacommons.org/">Luna Commons</a> is an online browser that provides access to thousands of art images. A search on Benjamin West yields 27 relevant images of paintings. What makes the resources so valuable are a collection of tools that enable users to export the images in a number of ways including as an embeddable widget (using iframes, unfortunately not supported by Blogger) as well as one click download of the images and export to Powerpoint (embedded using SlideShare below).<br /><br /><div style="width: 425px; text-align: left;" id="__ss_1786187"><a style="margin: 12px 0pt 3px; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; display: block; text-decoration: underline;" href="http://www.slideshare.net/jk1lee/benjamin-west" title="Benjamin West">Benjamin West</a><object style="margin: 0px;" height="355" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=benjaminwest-090729113957-phpapp02&amp;stripped_title=benjamin-west"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=benjaminwest-090729113957-phpapp02&amp;stripped_title=benjamin-west" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="355" width="425"></embed></object><div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration: underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration: underline;" href="http://www.slideshare.net/jk1lee">jk1lee</a>.<br /><br /><br /></div></div><br /><br /><p></P><br /><br />This graphic, published May 22, 2009 in the Wall Street Journal to accompany a story titled <a href="http://online.wsj.com/article/SB10001424052970203771904574175453455287432.html">Changing the Art on the White House Walls</a>, illustrates the history of art in the White House <br /><iframe src="http://online.wsj.com/article/SB10001424052970203771904574175453455287432.html#project%3DOBAMAART0905%26articleTabs%3Dinteractive" height=1000 width=1000></iframe><br /><br />For more on <a href="http://capturingpresidentialhistory.blogspot.com/2009/07/art-portraits-and-presidents.html">art, portraits, and presidents see my post</a> of Capturing Presidential History.<br /><br /><p></p><br /><br />..John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-9890905917519727672009-06-22T07:15:00.000-07:002009-06-22T07:24:36.024-07:00Iran spy networkIran's Web Spying Aided By Western Technology - story <a href="http://online.wsj.com/article/SB124562668777335653.html#mod%3Drss_whats_news_us%26project%3DIranGov09%26articleTabs%3Dinteractive">here</a> <br />From Wall Street Journal<br /><br />Click Interactive Graphic<br /><iframe width=1000 height=1000 src="http://online.wsj.com/article/SB124562668777335653.html#mod%3Drss_whats_news_us%26project%3DIranGov09%26articleTabs%3Dinteractive"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-13115092807200493012009-06-15T04:34:00.000-07:002009-06-15T04:37:39.264-07:00Type is artType is Art at <a href="http://www.typeisart.com/">http://www.typeisart.com/</a><br /><br /><iframe height=800; width=1000; src="http://www.typeisart.com/"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-7926560030673434182009-05-28T07:26:00.000-07:002009-05-28T07:31:03.628-07:00Technology and openness in governmentThe Sunlight Foundation, support by among others Ebay founder recently published this visual describing the history of public access to federal governmnet information. The graphic uses an interested segmented time line, which can be disorienting on first exposure. The inclusion of text highlighting technological advances is a helpful secondary level of information that aids in contextualizing the primary content. <br /><br /><iframe height=800 width=1000 src="http://www.sunlightfoundation.com/projects/transparency-timeline/">.</iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-54737960487712049292009-05-11T22:02:00.001-07:002009-05-17T15:48:35.481-07:00100 days press conference<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qIh9le_--nA/SgkJJP2z48I/AAAAAAAAAVY/axKxSXBJ8gI/s1600-h/100daysfromNYT.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 312px;" src="http://3.bp.blogspot.com/_qIh9le_--nA/SgkJJP2z48I/AAAAAAAAAVY/axKxSXBJ8gI/s400/100daysfromNYT.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5334805288076960706" /></a><br /><br />Screenshot of new interactive feature from the New York Times of President Obama's 100 days news conference. This feature allows readers to search and browse the video and transcript. The inability to search and scan video text continues to limit, and this is step toward a more useful video system. <br /><br />Online at <br /><a href=" http://www.nytimes.com/interactive/2009/04/29/us/politics/200900429_OBAMA_100DAY.html ">http://www.nytimes.com/interactive/2009/04/29/us/politics/200900429_OBAMA_100DAY.html </a><br />.John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-90867186703488507802009-04-28T10:25:00.000-07:002009-05-17T16:20:17.929-07:00Recovery.govThe White House attempts here to communicate a series of ideas with this visual, embedded in an iframe here. <br /><br /><iframe text-align:center; height=480; width="1050" src="http://www.recovery.gov/"></iframe><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.recovery.gov/sites/default/files/buildrecovery.jpg"><img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 613px; height: 352px;" src="http://www.recovery.gov/sites/default/files/buildrecovery.jpg" border="0" alt="" /></a> The most detailed graphic, represented in the still to the right, is titled “Transforming Federal Building Into High-Performance Green Building. In the middle of this graphic is a representation of a “High Performance Green Building.” The graphic suggest a flow from left to right that involves money. This left to right action is, of course, a priority in English language reading. The stack of bills on the left is labeled a federal distribution. Readers must infer the nature of this distribution. Presumably, it is for “transforming federal buildings.” Such an inference emerges from the title of the graphic and the names associated with the items surrounding the stack of bills. The money on the left then flows into the building, but also flows out to 6 additional sources. These other 6 sources are a mix of specific projects such as U. S. Courthouses and more general expenditures such as “Space Rental.” Flowing out of the “High Performance Green Building” are three items. A deep reading is required in order to understand the relationship between the centerpiece building and the three items on the right. The relationship is ultimately mathematical. The items on the right sum up the 4,274M cost of the “High Performance Green Building.” Essentially, this graphic functions as a blow up of a single project in the overall distribution of funds for federal government environmental building renovations.John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-76452086952681595322009-04-17T19:45:00.000-07:002009-04-28T10:51:55.932-07:00Inside the Obama white HouseGraphic <br>Inside Obama's West Wing<br /><br />"They say that proximity to power is power. And it comes to follow that the most coveted offices in Washington are those in the West Wing of the White House. Some, like press secretary Robert Gibbs's office, are spacious. Others are cubbyholes. But they are all in the same building as the president's Oval Office. Explore the interactive graphic below for an insider's guide to who's sitting where in President Obama's West Wing." (<a href="http://www.washingtonpost.com/wp-srv/metro/pdf/westwing.pdf ">Printable West Wing Map</a>)<br /><br />By Laura Stanton, Nathaniel V. Kelso, Philip Rucker, Al Kamen and Karen Yourish - The Washington Post<br /><br /><iframe text-align=center; height=480; width=640; src="http://www.washingtonpost.com/wp-srv/politics/interactives/westwing/index.html"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-68284071951455825552009-03-18T20:14:00.000-07:002009-03-18T20:17:49.258-07:00Ring around NYC from National GeograpghicSharp and illustrative visual from National Geographic that illustrates in simple and stark terms the number of international phone calls by receiving location originating in New York City.<br />March 2009 NGM, online at <a href="http://ngm.nationalgeographic.com/2009/03/departments/phone-calls/phone-calls">http://ngm.nationalgeographic.com/2009/03/departments/phone-calls/phone-calls</a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://ngm.nationalgeographic.com/2009/03/departments/phone-calls/img/phone-calls-741.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 761px; height: 979px;" src="http://ngm.nationalgeographic.com/2009/03/departments/phone-calls/img/phone-calls-741.jpg" border="0" alt="" /></a>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-87743230717117297022009-03-17T22:37:00.000-07:002009-03-17T22:39:36.209-07:00Shifting the debateAn interesting resource that tracks You Tube videos according to the political prespective of referring websites.<br /><br />online at <a href="http://www.shiftingthedebate.com/shifting/videobarometer.html">http://www.shiftingthedebate.com/shifting/videobarometer.html</a><br /><br /><iframe height=800 width=900 src="http://www.shiftingthedebate.com/shifting/videobarometer.html"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-39814472429045402702009-03-10T20:40:00.000-07:002009-03-10T20:57:35.842-07:00Bush years map<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.theatlantic.com/images/issues/200901/bush-map.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 1000px; height: 572px;" src="http://www.theatlantic.com/images/issues/200901/bush-map.gif" border="0" alt="" /></a><br /><br />This graphic appeared in the January/February 2009 online edition of the Atlantic Monthly. The graphic accompanied a story titled <a href="http://www.theatlantic.com/doc/200901/map-bush-years">Then and now</a> by Timothy Lavin on how the United States has changed in the nine years since George W. Bush's election. The map does a nice job conjuring up the notion of the United States, by using the geographic shape of the U. S. to frame the data. Unfortunately, the positioning of information is unrelated to place. Also, I get a vague sense that the map wants to be a cartogram, but the only relational data presented is inside the individual frames and these are simply graphic illustrations. <br /><br />There are a couple of, perhaps, coincidental geographic placements. A pig sits right around North Carolina and of course that state is know for is pig and hog farming and BBQ. There is a boat in Florida as well as a graphic illustrating growth in home ownership, appropriate given the housing boom in Florida. On the disturbing side is a graphic around New York illustrating yearly paper use that looks a lot like the World Trade Center Towers.John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-26191213400246522892009-03-03T06:10:00.001-08:002009-03-03T19:24:06.470-08:00MSNBC Spectra Visual Newreader<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/wqr13inTqck&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wqr13inTqck&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-69213512183929226242009-02-18T22:28:00.000-08:002009-02-18T22:32:41.894-08:00Many eyesOne particualarly interesting tool for generating visualizations of text is Many Eyes from the IBM <a href="http://www.research.ibm.com/visual/">Visual Communication Lab</a> at <a href="http://manyeyes.alphaworks.ibm.com/manyeyes">http://manyeyes.alphaworks.ibm.com/manyeyes</a>/<br /><br />This visualization presents differences in the House and Senate stimulus plans debated in Congress n February 2009.<br /><script type="text/javascript" src="http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/33d52e4ef89311dd9c36000255111976/comments/33de760cf89311dd9c36000255111976.js"></script>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-83605526601927988412009-02-18T04:58:00.000-08:002009-02-18T05:03:25.664-08:00Mall MalaiseA visual story from AP on the economic problems besetting American malls. This visual item features information on vacancy rates from 76 malls and a detailed analysis of stores in one mall in Minnesota. <br /><br /><a href="http://hosted.ap.org/specials/interactives/_business/mall_story/index.html?SITE=AP"><embed src="http://hosted.ap.org/specials/interactives/_business/mall_story/index.html?SITE=AP"; height=700; width= 800></embed></a>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-7258802565001815922009-02-18T04:45:00.000-08:002009-02-18T05:03:07.020-08:00Bailout BreakdownA graphic from AP detailing how the initial 276 billion of the 700 billion dollar finnacial plan.<br /><br /><br /><a href="http://hosted.ap.org/specials/interactives/_business/bailout_tracker/index.html?SITE=AP"><embed src="http://hosted.ap.org/specials/interactives/_business/bailout_tracker/index.html?SITE=AP"; width=800; height=700></embed></a>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-85966055607989427522009-02-06T08:00:00.000-08:002009-02-06T08:03:19.810-08:00Economy Shed 598,000 Jobs in JanuaryAccompanying an front page web article on job losses in January titled <a href="http://www.nytimes.com/2009/02/07/business/economy/07jobs.html?hp">Economy Shed 598,000 Jobs in January</a> was this flash graphic. <br /><br /><embed src="http://graphics8.nytimes.com/packages/flash/business/20090206-jobs-graphic/jobs.swf"></embed>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-604636470215718722009-01-31T20:06:00.000-08:002009-01-31T20:08:52.903-08:00Electing the Provincial CouncilsJanuary 30, 2009<br /><a href="http://www.nytimes.com/interactive/2009/01/30/world/IRAQ-ELECTIONS-PRIMER.html">http://www.nytimes.com/interactive/2009/01/30/world/IRAQ-ELECTIONS-PRIMER.html</a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://graphics8.nytimes.com/packages/html/world/20090131_IRAQ_ELECTIONS/20090131_iraqogram.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 651px; height: 594px;" src="http://graphics8.nytimes.com/packages/html/world/20090131_IRAQ_ELECTIONS/20090131_iraqogram.jpg" border="0" alt="" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://graphics8.nytimes.com/packages/html/world/20090131_IRAQ_ELECTIONS/20090131_IraqGovStructure.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 950px; height: 407px;" src="http://graphics8.nytimes.com/packages/html/world/20090131_IRAQ_ELECTIONS/20090131_IraqGovStructure.jpg" border="0" alt="" /></a>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-36958315331003642142009-01-26T23:19:00.000-08:002009-01-26T23:23:44.492-08:00How the Government Dealt With Past RecessionsIn this visual time line, three scholars narrate how the U. S. government responded to periods of economic crisis.<br /><br /><embed src="http://graphics8.nytimes.com/packages/flash/business/20090123-recessions-graphic/recessions4.swf"; width=970; height=525></embed>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0tag:blogger.com,1999:blog-3776311318074823212.post-9457722092743044712009-01-20T12:10:00.000-08:002009-01-20T12:46:11.705-08:00Inaugural WordsThe New York Times published this visual display of the words spoken by presidents in their inaugural addresses - online at <a href="http://www.nytimes.com/interactive/2009/01/17/washington/20090117_ADDRESSES.html">http://www.nytimes.com/interactive/2009/01/17/washington/20090117_ADDRESSES.html</a><br /><br /><iframe align="center" src="http://graphics8.nytimes.com/packages/flash/newsgraphics/2009/0117_addresses/Addresses.swf" frameborder="0" width="1000" height="1000" scrolling="no"></iframe>John Leehttps://plus.google.com/116674732568574481030noreply@blogger.com0