{"id":1880,"date":"2012-10-20T10:57:16","date_gmt":"2012-10-20T15:27:16","guid":{"rendered":"http:\/\/www.danielpradilla.info\/blog\/telling-stories-with-charts\/"},"modified":"2015-07-14T08:09:16","modified_gmt":"2015-07-14T12:39:16","slug":"telling-stories-with-charts","status":"publish","type":"post","link":"https:\/\/www.danielpradilla.info\/blog\/telling-stories-with-charts\/","title":{"rendered":"Telling stories with charts"},"content":{"rendered":"<p><a href=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1779\" data-permalink=\"https:\/\/www.danielpradilla.info\/blog\/contando-historicas-con-graficos\/minard-napoleon-scan-600x286\/\" data-orig-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png\" data-orig-size=\"600,286\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Minard-Napoleon-Scan-600&amp;#215;286\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286-300x143.png\" data-large-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png\" class=\"aligncenter size-full wp-image-1779\" title=\"Minard-Napoleon-Scan-600x286\" alt=\"\" src=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png\" width=\"600\" height=\"286\" srcset=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png 600w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286-300x143.png 300w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286-160x76.png 160w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286-260x123.png 260w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286-360x171.png 360w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\nIn\u00a0<a href=\"http:\/\/www.amazon.com\/gp\/product\/0961392142\/ref=as_li_ss_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0961392142&amp;linkCode=as2&amp;tag=panfletonegro\" target=\"_blank\">The Visual Display of Quantitative Information<\/a>, Tufte highlights Minard&#8217;s famous graphic where the story of the lives (and deaths) of over 400,000 soldiers is told during <a href=\"http:\/\/en.wikipedia.org\/wiki\/French_invasion_of_Russia\" target=\"_blank\">Napoleon&#8217;s invasion of Russia<\/a>.\u00a0Tufte declares it the first infographic that combines geographical elements with time and temperature variables. But the most relevant aspect of the chart is that <strong>it tells a story in a very effective manner<\/strong>. For instance, we can compare this chart with the one that is found in the campaign&#8217;s Wikipedia article:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1781\" data-permalink=\"https:\/\/www.danielpradilla.info\/blog\/contando-historicas-con-graficos\/800px-patriotic_war_of_1812_eng_map1-svg\/\" data-orig-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_.png\" data-orig-size=\"800,538\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"800px-Patriotic_War_of_1812_ENG_map1.svg\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_-300x201.png\" data-large-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_.png\" class=\"aligncenter size-full wp-image-1781\" title=\"800px-Patriotic_War_of_1812_ENG_map1.svg\" alt=\"\" src=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_.png\" width=\"800\" height=\"538\" srcset=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_.png 800w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_-300x201.png 300w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_-160x107.png 160w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_-260x174.png 260w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/800px-Patriotic_War_of_1812_ENG_map1.svg_-360x242.png 360w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>This graphic has a lot details, including information regarding the mobilizations and the commanders. However, it fails to highlight something crucial: the harshness of the russian winter.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1890\" data-permalink=\"https:\/\/www.danielpradilla.info\/blog\/telling-stories-with-charts\/minarddetail\/\" data-orig-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail.png\" data-orig-size=\"658,392\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"minardDetail\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail-300x178.png\" data-large-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail.png\" class=\"aligncenter size-full wp-image-1890\" alt=\"minardDetail\" src=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail.png\" width=\"658\" height=\"392\" srcset=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail.png 658w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail-300x178.png 300w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail-160x95.png 160w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail-260x154.png 260w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/minardDetail-360x214.png 360w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/p>\n<p>Minard&#8217;s visualization fluently tells the drama of a failed campaign, the inhumane temperatures, the embarrassing recall of a decimated army. It&#8217;s so clear, that it provides information with just a glance, and yet it invites to a scrutiny that is rewarded with the understanding of a story.<\/p>\n<p>And at the end, this is what we should do with graphics: no just provide information but awaken an interest, <b>tell a story<\/b>.<\/p>\n<p><iframe style=\"width:120px;height:240px;\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" frameborder=\"0\" src=\"\/\/ws-na.amazon-adsystem.com\/widgets\/q?ServiceVersion=20070822&#038;OneJS=1&#038;Operation=GetAdHtml&#038;MarketPlace=US&#038;source=ss&#038;ref=ss_til&#038;ad_type=product_link&#038;tracking_id=text-media-20&#038;marketplace=amazon&#038;region=US&#038;placement=159420411X&#038;asins=159420411X&#038;linkId=EVMXYMQVCJHPUA5A&#038;show_border=true&#038;link_opens_in_new_window=true\"><br \/>\n<\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In\u00a0The Visual Display of Quantitative Information, Tufte highlights Minard&#8217;s famous graphic where the story of the lives (and deaths) of over 400,000 soldiers is told during Napoleon&#8217;s invasion of Russia.\u00a0Tufte declares it the first infographic that combines geographical elements with time and temperature variables. But the most relevant aspect of the chart is that it&hellip; <a class=\"more-link\" href=\"https:\/\/www.danielpradilla.info\/blog\/telling-stories-with-charts\/\">Continue reading <span class=\"screen-reader-text\">Telling stories with charts<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[172],"tags":[198,197],"class_list":["post-1880","post","type-post","status-publish","format-standard","hentry","category-projectmanagement-en","tag-charts","tag-visualization","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1tlzy-uk","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1884,"url":"https:\/\/www.danielpradilla.info\/blog\/how-to-create-better-charts\/","url_meta":{"origin":1880,"position":0},"title":"How to create better charts","author":"Daniel Pradilla","date":"10\/11\/2012","format":false,"excerpt":"We're often tempted to include some kind of accessorizing effect in our charts without knowing that deep down we're making them impossible to interpret and thus ruining their purpose. A typical case is the 3D pie chart. Many people, including executives, have a certain likeness for 3D charts. Somehow they\u2026","rel":"","context":"In &quot;Best of&quot;","block_context":{"text":"Best of","link":"https:\/\/www.danielpradilla.info\/blog\/category\/bestof\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=700%2C400 2x"},"classes":[]},{"id":1778,"url":"https:\/\/www.danielpradilla.info\/blog\/contando-historicas-con-graficos\/","url_meta":{"origin":1880,"position":1},"title":"Contando historias con gr\u00c3\u00a1ficos","author":"Daniel Pradilla","date":"14\/10\/2012","format":false,"excerpt":"En\u00a0The Visual Display of Quantitative Information, Tufte destaca el famoso gr\u00c3\u00a1fico de Minard en el que se relata la vida (y la muerte) de m\u00c3\u00a1s de 400.000 soldados durante la invasi\u00c3\u00b3n napoleonica de Rusia. Tufte lo declara como la primera infograf\u00c3\u00ada que une elementos geogr\u00c3\u00a1ficos con variables de tiempo y\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/10\/Minard-Napoleon-Scan-600x286.png?resize=525%2C300 1.5x"},"classes":[]},{"id":1787,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-mejores-graficos\/","url_meta":{"origin":1880,"position":2},"title":"C\u00c3\u00b3mo hacer mejores gr\u00c3\u00a1ficos","author":"Daniel Pradilla","date":"12\/11\/2012","format":false,"excerpt":"Muchas veces estamos tentados a incluir alg\u00c3\u00ban efecto embellecedor en nuestros gr\u00c3\u00a1ficos sin saber que en el fondo estamos haci\u00c3\u00a9ndolos imposibles de interpretar y arruinando su prop\u00c3\u00b3sito. El caso t\u00c3\u00adpico es el del gr\u00c3\u00a1fico circular en 3D. Mucha gente, incluyendo los directivos, tienen cierta afici\u00c3\u00b3n por las gr\u00c3\u00a1ficas en 3D.\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/Tufte-Chartjunk.png?resize=700%2C400 2x"},"classes":[]},{"id":1945,"url":"https:\/\/www.danielpradilla.info\/blog\/sparklines-datawords\/","url_meta":{"origin":1880,"position":3},"title":"Sparklines and datawords","author":"Daniel Pradilla","date":"19\/03\/2013","format":false,"excerpt":"We have seen a lot of sparklines over the last few years. They're one of the most used high-density charts out there and, if applied properly, they can be a killer feature of any dashboard or report. The sheer amount of information that can be condensed into sparklines makes them\u2026","rel":"","context":"In &quot;Best of&quot;","block_context":{"text":"Best of","link":"https:\/\/www.danielpradilla.info\/blog\/category\/bestof\/"},"img":{"alt_text":"11_sparklines","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=525%2C300 1.5x"},"classes":[]},{"id":1954,"url":"https:\/\/www.danielpradilla.info\/blog\/minigraficos\/","url_meta":{"origin":1880,"position":4},"title":"Mini gr\u00c3\u00a1ficos y palabras de datos","author":"Daniel Pradilla","date":"22\/03\/2013","format":false,"excerpt":"Hemos visto montones de mini gr\u00c3\u00a1ficos en los \u00c3\u00baltimos a\u00c3\u00b1os. Son uno de los gr\u00c3\u00a1ficos de alta densidad m\u00c3\u00a1s utilizados hoy en d\u00c3\u00ada y, cuando son aplicados de manera correcta, pueden ser la caracter\u00c3\u00adstica m\u00c3\u00a1s importante de cualquier cuadro de mandos o informe. La gran cantidad de informaci\u00c3\u00b3n que puede\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"11_sparklines","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/03\/11_sparklines.jpg?resize=525%2C300 1.5x"},"classes":[]},{"id":1881,"url":"https:\/\/www.danielpradilla.info\/blog\/how-to-choose-the-right-chart\/","url_meta":{"origin":1880,"position":5},"title":"How to choose the right chart","author":"Daniel Pradilla","date":"06\/11\/2012","format":false,"excerpt":"There's a chart for every situation. Each type of information that you have and each analysis that you want to make can be benefited or harmed by the chart you choose. The idea of displaying data graphically is to help the other person understand what you mean to say. Do\u2026","rel":"","context":"In &quot;Best of&quot;","block_context":{"text":"Best of","link":"https:\/\/www.danielpradilla.info\/blog\/category\/bestof\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/d3charts.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/d3charts.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/11\/d3charts.jpg?resize=525%2C300 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/1880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/comments?post=1880"}],"version-history":[{"count":0,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/1880\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/media?parent=1880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/categories?post=1880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/tags?post=1880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}