{"id":143,"date":"2008-05-14T00:47:30","date_gmt":"2008-05-14T05:47:30","guid":{"rendered":"http:\/\/www.jasonmorrison.net\/content\/?p=143"},"modified":"2008-05-14T00:47:30","modified_gmt":"2008-05-14T05:47:30","slug":"the-art-of-information-graphics","status":"publish","type":"post","link":"http:\/\/www.jasonmorrison.net\/content\/2008\/the-art-of-information-graphics\/","title":{"rendered":"The Art of Information Graphics"},"content":{"rendered":"<p>I recently ran across a couple of really great examples of how information can be conveyed dramatically with infromation graphics and one example of how to fix graphics that aren&#8217;t so good.<\/p>\n<p>First, from the <a href=\"http:\/\/www.radicalcartography.net\/\">Radical Cartography project<\/a>, a map of all nuclear explosions since 1945.\u00a0 This map encodes a lot of information fairly simply &#8211; we can see where nuclear tests have taken place, countries are indicated by color, and blast yield is indicated by size.\u00a0 Click on the image to see the full version.<\/p>\n<p><a href=\"http:\/\/www.radicalcartography.net\/nuclear_full.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-144\" title=\"Nuclear Explosions since 1945\" src=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/nuclear_full-300x248.jpg\" alt=\"\" width=\"300\" height=\"248\" srcset=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/nuclear_full-300x248.jpg 300w, http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/nuclear_full.jpg 320w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Next, from the <a href=\"http:\/\/www.unep.org\/geo\/geo4\/media\/\">United Nations Environment Programme&#8217;s Global Environment Outlook<\/a> report, you can see a great illustration of how little of the world&#8217;s water is freshwater and how little of that is readily available in rivers and lakes.\u00a0 Click on the image to see the full-sized version.<\/p>\n<p><a href=\"http:\/\/www.unep.org\/geo\/geo4\/media\/graphics\/Zoom\/4.1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-145\" title=\"Global distribution of the world\\'s water\" src=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/41-170x300.jpg\" alt=\"\" width=\"170\" height=\"300\" srcset=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/41-170x300.jpg 170w, http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/41.jpg 182w\" sizes=\"auto, (max-width: 170px) 100vw, 170px\" \/><\/a><\/p>\n<p>Why point out good example of information design?\u00a0 Because even the professionals get it very wrong a lot of the time.\u00a0 <a href=\"http:\/\/journal.stuffwithstuff.com\/2008\/05\/12\/visualizing-the-democratic-primary\/\">Bob Nystrom wrote a great post<\/a> about how little information is presented in CNN&#8217;s chart of the delegate totals for Hillary Clinton and Barack Obama.\u00a0 Here&#8217;s their version:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-147\" title=\"cnn chart of delegate totals\" src=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/cnn.png\" alt=\"\" width=\"196\" height=\"281\" \/><\/p>\n<p>Without looking at the numbers, can you tell who&#8217;s in the lead?\u00a0 Can you tell how close the race is to the end?\u00a0 Do you read the bars left-to-right or up-and-down?\u00a0 Here&#8217;s Nystrom&#8217;s improvement:<\/p>\n<p><a href=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/upcoming-graph.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-146\" title=\"upcoming-graph\" src=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/upcoming-graph-300x163.png\" alt=\"\" width=\"300\" height=\"163\" srcset=\"http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/upcoming-graph-300x163.png 300w, http:\/\/www.jasonmorrison.net\/content\/wp-content\/uploads\/2008\/05\/upcoming-graph.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Everything becomes clearer.<\/p>\n<p>Got any good (or bad) examples?\u00a0 Post them in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I recently ran across a couple of really great examples of how information can be conveyed dramatically with infromation graphics and one example of how to fix graphics that aren&#8217;t so good. First, from the Radical Cartography project, a map of all nuclear explosions since 1945.\u00a0 This map encodes a lot of information fairly simply [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","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":[19],"tags":[146,109,252,96],"class_list":["post-143","post","type-post","status-publish","format-standard","hentry","category-blog","tag-chartjunk","tag-information-design","tag-information-graphics","tag-maps"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":0,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}