{"id":889,"date":"2015-02-24T05:10:41","date_gmt":"2015-02-24T12:10:41","guid":{"rendered":"http:\/\/www.ambriente.com\/blog\/?p=889"},"modified":"2015-02-24T09:29:06","modified_gmt":"2015-02-24T16:29:06","slug":"amanda-cox-at-columbia-university","status":"publish","type":"post","link":"https:\/\/www.ambriente.com\/blog\/2015\/02\/24\/amanda-cox-at-columbia-university\/","title":{"rendered":"Amanda Cox at Columbia University"},"content":{"rendered":"<p>Yesterday (2\/23\/2015) morning I attended a data visualization presentation by New York Times graphics editor <a href=\"https:\/\/twitter.com\/amandacox\" title=\"Amanda Cox on Twitter\" target=\"_blank\">Amanda Cox<\/a> at Columbia University\u2019s Mailman School of Public Health.  Amanda presented some great examples from the Times as well as other sources while breaking down her presentation to the topics Scale, Context, Pattern and Annotation Layer.  I arrived late and missed the majority of the Scale portion.  The following are notes from the presentation\u2026<\/p>\n<p>Make the data open, make it flexible, present a user with an interface to manipulate the presentation of the data, to see the data in various groupings.<\/p>\n<p>The power of text: the most common thing that people do on a page is read and by far it is only the top of the page that people read.  Most people do not click on buttons.<\/p>\n<p>The example that Amanda presented regarding pattern is <a href=\"http:\/\/projects.nytimes.com\/census\/2010\/explorer\" title=\"NY Times Explore the 2010 Census\" target=\"_blank\">\u201cMapping America: Every City, Every Block\u201d<\/a><\/p>\n<p>Form is key to revealing patterns &#8211; use of familiar geography to superimpose information employing color, shading, shape and size.  In geographic placement of data regarding the House District results one may quickly grasp that urban versus rural areas is decisive.<\/p>\n<p><strong>Annotation Layer<\/strong><br \/>\nAnnotation should be minimal, no more than a layer of pointers or outlines or brief notes superimposed onto graphics be it image or video.  Amanda momentarily turned it over to a video interview with NY Times Science Graphics Editor <a href=\"http:\/\/13pt.com\/\" title=\"Studio of Jonathan Corum\" target=\"_blank\">Jonathan Corum<\/a>:<br \/>\n<iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/86108976\" width=\"500\" height=\"281\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p>She then presented a brief <a href=\"http:\/\/www.nytimes.com\/interactive\/sports\/olympics\/olympics-interactives-aerials.html\" title=\"NY Times Explanation of Arial Skiing\" target=\"_blank\">video documentation explaining aerial skiing<\/a> by United States Olympic aerialist Ryan St. Onge and science reporter Henry Fountain in which extremely simple annotation is superimposed on to the video to make important points.  She also compared this very simple graphic with and without annotation &#8211; \u201cgraphs are stronger when they say something\u201d &#8211; Amanda Cox.<br \/>\n<div style=\"width: 730px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/infobeautiful3.s3.amazonaws.com\/2010\/11\/main_peak_breakups.png\" width=\"720\" alt=\"Peak Break-Up Times without Annotation\" class \/><p class=\"wp-caption-text\">Peak Break-Up Times without Annotation<\/p><\/div><br \/>\n<div style=\"width: 730px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"http:\/\/images.fastcompany.com\/upload\/breakups_large.jpg\" width=\"720\" alt=\"Peak Break-Up Times with Annotation\" class \/><p class=\"wp-caption-text\">Peak Break-Up Times with Annotation<\/p><\/div><\/p>\n<p>An example of the using annotation to illustrate different ways of looking at data is the NY Times <a href=\"http:\/\/www.nytimes.com\/interactive\/2012\/10\/05\/business\/economy\/one-report-diverging-perspectives.html\" title=\"One Report, Diverging Perspectives\" target=\"_blank\">\u201cOne Report, Diverging Perspectives\u201d<\/a> &#8211; a visualization of the last jobs report before the 2012 elections.  The visualization allows one to view the report with \u201cDemocratic Goggles\u201d and \u201cRepublican Goggles.\u201d  The data is the same and both interpretations are true, however the manner in which the data is interpreted depends one\u2019s perspective.<\/p>\n<p>Amanda Cox showed varying forms of engagement through the representation of data.  In <a href=\"http:\/\/www.nytimes.com\/interactive\/2012\/08\/05\/sports\/olympics\/the-100-meter-dash-one-race-every-medalist-ever.html\" title=\"History of 100-Meter Olympic Race History\" target=\"_blank\">\u201cAll the Medalists: Men\u2019s 100-Meter Sprint,\u201d<\/a> the reports begins the page with a 3D video animation that depicts the change of speed of gold medalists in the 100 meter run from 1896 to 2012.  Following the video the page scrolls down to scatterplot displaying the same information.  Of course, the time based animation will engage the viewer very differently than the static scatter chart.<\/p>\n<p>The final example that Amanda Cox presented was a the superimposition of two separate data visualizations to present a cultural and historical reality of the United States.  One was a visualization of the Republican versus Democratic votes in the 2012 Presidential Elections from southern states.  The pro-Obama areas presented an arch of concentration that presented strong similarities to a very old visualization of cotton farms across the same states.  When these two visualizations are collapsed one over the others, a strong sense of history regarding the present is established as the areas that were once cotton farm areas voted strongly for Obama.<\/p>\n<p>Amanda made a point that beyond interactivity and cool graphics is the strength of the content.  If one has minimal resources, focus on the content and in depth research.  Practically, with so many people looking at the web on their phones, a simple text and image may be much more effective than an immersive experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday (2\/23\/2015) morning I attended a data visualization presentation by New York Times graphics editor Amanda Cox at Columbia University\u2019s Mailman School of Public Health. Amanda presented some great examples from the Times as well as other sources while breaking down her presentation to the topics Scale, Context, Pattern and Annotation Layer. I arrived late [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[626,502,472],"tags":[674,781,677,675,676],"class_list":["post-889","post","type-post","status-publish","format-standard","hentry","category-data-visualization","category-design","category-graphic-design","tag-amanda-cox","tag-data-visualization","tag-infographics","tag-new-york-times","tag-new-york-times-graphics-editor"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/posts\/889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/comments?post=889"}],"version-history":[{"count":5,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/posts\/889\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/posts\/889\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/media?parent=889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/categories?post=889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ambriente.com\/blog\/wp-json\/wp\/v2\/tags?post=889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}