Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Uses and abuses of data
visualizations in mass media
ESS Visualisation Workshop 2016
Valencia. May 17-18, 2016.
#ESSvisual...
AlltheNews(andAds)That’sFittoPrint
http://numeroteca.org/2013/06/23/all-the-news-and-ads-thats-ft-to-print/
News media are...
Data visualizations are cultural artifacts.
They are subjective as we must distort and simplify reality.
There are white l...
Dataviz in Mass media
News media want to tell a story…
and show the context
Video: http://graphics.wsj.com/countdown-to-a-...
http://info.ils.indiana.edu/~katy/S637-S11/gershon01.pdf
Hans Rosling: Debunking third-world myths with the best stats you've ever seen.
https://youtu.be/RUwS1uAdUcI
(news media)
… and let you explore the data.
For collaborative journalism.
exploration.
http://www.elconfidencial.com/economia/papeles-panama/2016-04-03/papeles-panama-papers-interactivo-politicos-internacional...
Above all:
Show me the data!
1. Data visualization Key concepts
(tuftean way)
+ Data-ink ratio
+ Chart Junk
+ Data Density
http://www.perceptualedge.com/example6.php
Data-Ink ratio
= proportion of a graphic's ink
devoted to the non-redundant
display of data information
Data-ink ratio =
data-ink
total i...
Data-ink Ratio and Task Complexity in Graph Comprehension. Kevin McCurgan
http://scholarworks.rit.edu/cgi/viewcontent.cgi?...
Chart junk
What you should erase.
http://www.elsalmoncontracorriente.es/?El-bombardeo-comercial-de-las
Data density
data density of a graphic =
number of entries
in data matrix
area of data graphic
Example by Stephen Few.
http://www.nytimes.com/interactive/2015/07/08/us/census-race-map.html
1 dot = 60 people
http://www.nytimes.com/interactive/2015/07/08/us/census-race-map.html
2. Review of data visualization types
with examples
Data tables
Tables work best when
+ It is used to look up individual values
+ Data must be precise
+ You must include mult...
Stephen Few. Show me the numbers.
Tables also need to be properly designed!
Change order of the rows!
Datatables.
Free software available at http://datatables.net/
http://www.eldiario.es/gastos_tarjetas_black/GRAFICO-extractos-responsables-Caja-Madrid_0_312169637.html
Black Credit Cards analysis of type of spending
http://numeroteca.org/tarjetasblack
Black Credit Cards analysis of type of spending
http://numeroteca.org/tarjetasblack
Banks Market value
Example by Alberto Cairo. Visualizar. 2011
Understanding areas
Societ G n rale Market valueé é é
Example by Alberto Cairo. Visualizar. 2011
Societ G n rale Market valueé é é
Example by Alberto Cairo. Visualizar. 2011
Example by Alberto Cairo. Visualizar. 2011
Tree maps
and sankey
diagrams
Public sepnding.
Material transparency
https://presupuestos.gobierto.es/places/madrid/2015
Where does my money go?
http://wheredoesmymoneygo.org
http://Kulturometer.org
Cognitive transparency
Spain is in 2013 the mayor wine
producer in the world
Bar charts
Useful Junk? The Effects of Visual Embellishment on Comprehension
and Memorability of Charts
http://ww.w.cedma-...
Bar charts
By Spanish Public Television. TVE.
Evolution of unemployment in August
Displayed on TV
All the data
Evolution of
unemployment
in August
Be careful with multivariable graphics
http://www.economist.com/news/finance-and-economics/21660550-growth-has-returned-da...
Film Dialogue from 2,000 screenplays
Broken Down by Gender and Age
http://polygraph.cool/films/
Data maps
Maps are great data visualizations to show geospatial
data, but they have to be used carefully.
+ Chorophlet map...
Chorophlet
map
“Chorophlet wrongly equate the visual importance of
each country with its geographic area rather than with
...
John Snow 1854.
How to lie with maps. Monmonier
Depends where
the boundaries
are drawn.
Depends on how you color the map.
Select a good color scale!
http://ec.europa.eu/eurostat/tgm/mapToolClosed.do?tab=map&init=1&plugin=1&language=en&pcode=tsd...
http://cartodb.github.io/labs-colorscales/
The winer takes it all problem in election maps.
http://datos.elespanol.com/elecciones-generales/resultados/congreso/
http://elpais.com/elpais/2015/12/18/media/1450461184_895079.html
http://ec.europa.eu/eurostat/cache/RSI/#?vis=nuts2.population&lang=en
Eruostat: data and distibution plot. Population.
Bubble maps
Femicide map in Turkey
http://kadincinayetleri.org/
http://especiais.g1.globo.com/politica/mapa-manifestacoes-no-brasil/17-04-2016/contra/
http://xkcd.com/1138/
http://ec.europa.eu/eurostat/cache/BubbleChart/?lg=en#tableCode=pat_ep_ntec
http://ec.europa.eu/eurostat/cache/BubbleChart/?lg=en#tableCode=pat_ep_ntec
Recommendations and tools
Think what you need to tell. What, whom, where?
Select type of visualization.
Do not let the too...
Uses and abuses of data
visualizations in mass media
ESS Visualisation Workshop 2016
Valencia. May 17-18, 2016. #ESSvisual...
Show me the data
Show me the data
https://robots.thoughtbot.com/analyzing-minards-visualization-of-napoleons-1812-march
Show me the data!
Show me the data
but tell me a story!
Show me the data
but tell me a story
with an image!
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Uses and abuses of data visualizations in mass media
Upcoming SlideShare
Loading in …5
×

Uses and abuses of data visualizations in mass media

4,256 views

Published on

ESS Visualisation Workshop 2016. Valencia. May 17-18, 2016.

Abstract

Data visualizations are a powerful way to display and communicate data that otherwise would be impossible to transmit in effective and concise ways. The spread of broadband Internet, the easier access to reusable datasets, the rise in read/write digital media literacies, and the lower barrier to generate data visualizations are making mass media to intensively use of infographics. Newspaper and online news sites are taking advantage of new, affordable and easy to access data visualization tools to broadcast their messages. How can these new tools and opportunities be used effectively? What are good practices regarding data visualization for a general audience?

After an introduction to a series of key concepts about visualizing data the lecture will follow with an analysis of a series of significant data visualizations (tables, pie and bar charts, maps and other systems) from TV, daily newspapers and news websites to detect good and bad practices when visualizing statistical information. The lecturer will then analyze recent literature of visualization studies regarding persuasion, memorability and comprehension. What are more effective embellished or minimal data visualizations? Does graphical presentation of data make a message more persuasive?

The lecture will finish with a list of recommendations and accessible tools to plan and develop successful data visualizations.

Published in: Data & Analytics
  • Be the first to comment

  • Be the first to like this

Uses and abuses of data visualizations in mass media

  1. 1. Uses and abuses of data visualizations in mass media ESS Visualisation Workshop 2016 Valencia. May 17-18, 2016. #ESSvisualisation Pablo Rey Maz nó @numeroteca numeroteca.org pablo@montera34.com Montera34 montera34.com Open Evidence open-evidence.com Slides bit.ly/datavisabuse
  2. 2. AlltheNews(andAds)That’sFittoPrint http://numeroteca.org/2013/06/23/all-the-news-and-ads-thats-ft-to-print/ News media are not neutral
  3. 3. Data visualizations are cultural artifacts. They are subjective as we must distort and simplify reality. There are white lies, misuses and... lies. Nobody is neutral.
  4. 4. Dataviz in Mass media News media want to tell a story… and show the context Video: http://graphics.wsj.com/countdown-to-a-greek-showdown/
  5. 5. http://info.ils.indiana.edu/~katy/S637-S11/gershon01.pdf
  6. 6. Hans Rosling: Debunking third-world myths with the best stats you've ever seen. https://youtu.be/RUwS1uAdUcI
  7. 7. (news media) … and let you explore the data.
  8. 8. For collaborative journalism. exploration.
  9. 9. http://www.elconfidencial.com/economia/papeles-panama/2016-04-03/papeles-panama-papers-interactivo-politicos-internacionales-sociedades-offshore_1177852/ Panama Papers
  10. 10. Above all: Show me the data!
  11. 11. 1. Data visualization Key concepts (tuftean way) + Data-ink ratio + Chart Junk + Data Density
  12. 12. http://www.perceptualedge.com/example6.php Data-Ink ratio
  13. 13. = proportion of a graphic's ink devoted to the non-redundant display of data information Data-ink ratio = data-ink total ink used to print a graphic Image: http://scholarworks.rit.edu/cgi/viewcontent.cgi?article=9824&context=theses
  14. 14. Data-ink Ratio and Task Complexity in Graph Comprehension. Kevin McCurgan http://scholarworks.rit.edu/cgi/viewcontent.cgi?article=9824&context=theses
  15. 15. Chart junk What you should erase. http://www.elsalmoncontracorriente.es/?El-bombardeo-comercial-de-las
  16. 16. Data density data density of a graphic = number of entries in data matrix area of data graphic Example by Stephen Few.
  17. 17. http://www.nytimes.com/interactive/2015/07/08/us/census-race-map.html 1 dot = 60 people
  18. 18. http://www.nytimes.com/interactive/2015/07/08/us/census-race-map.html
  19. 19. 2. Review of data visualization types with examples
  20. 20. Data tables Tables work best when + It is used to look up individual values + Data must be precise + You must include multiple units of measure + You wish to show both details and their sums Slide borrowed from Stephen Few.
  21. 21. Stephen Few. Show me the numbers. Tables also need to be properly designed!
  22. 22. Change order of the rows! Datatables. Free software available at http://datatables.net/
  23. 23. http://www.eldiario.es/gastos_tarjetas_black/GRAFICO-extractos-responsables-Caja-Madrid_0_312169637.html
  24. 24. Black Credit Cards analysis of type of spending http://numeroteca.org/tarjetasblack
  25. 25. Black Credit Cards analysis of type of spending http://numeroteca.org/tarjetasblack
  26. 26. Banks Market value Example by Alberto Cairo. Visualizar. 2011 Understanding areas
  27. 27. Societ G n rale Market valueé é é Example by Alberto Cairo. Visualizar. 2011
  28. 28. Societ G n rale Market valueé é é Example by Alberto Cairo. Visualizar. 2011
  29. 29. Example by Alberto Cairo. Visualizar. 2011
  30. 30. Tree maps and sankey diagrams Public sepnding. Material transparency https://presupuestos.gobierto.es/places/madrid/2015
  31. 31. Where does my money go? http://wheredoesmymoneygo.org
  32. 32. http://Kulturometer.org Cognitive transparency
  33. 33. Spain is in 2013 the mayor wine producer in the world
  34. 34. Bar charts Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts http://ww.w.cedma-europe.org/newsletter%20articles/misc/The%20Effects%20of%20Visual%20Embellishment%20on%20Comprehension%20and%20Memorability%20of%20Charts.pdf
  35. 35. Bar charts By Spanish Public Television. TVE. Evolution of unemployment in August
  36. 36. Displayed on TV All the data Evolution of unemployment in August
  37. 37. Be careful with multivariable graphics http://www.economist.com/news/finance-and-economics/21660550-growth-has-returned-dangers-still-lurk-back-its-feet
  38. 38. Film Dialogue from 2,000 screenplays Broken Down by Gender and Age http://polygraph.cool/films/
  39. 39. Data maps Maps are great data visualizations to show geospatial data, but they have to be used carefully. + Chorophlet maps + Bubbles maps
  40. 40. Chorophlet map “Chorophlet wrongly equate the visual importance of each country with its geographic area rather than with the number of people living in the country”. Tufte
  41. 41. John Snow 1854.
  42. 42. How to lie with maps. Monmonier Depends where the boundaries are drawn.
  43. 43. Depends on how you color the map.
  44. 44. Select a good color scale! http://ec.europa.eu/eurostat/tgm/mapToolClosed.do?tab=map&init=1&plugin=1&language=en&pcode=tsdde220&toolbox=types
  45. 45. http://cartodb.github.io/labs-colorscales/
  46. 46. The winer takes it all problem in election maps. http://datos.elespanol.com/elecciones-generales/resultados/congreso/
  47. 47. http://elpais.com/elpais/2015/12/18/media/1450461184_895079.html
  48. 48. http://ec.europa.eu/eurostat/cache/RSI/#?vis=nuts2.population&lang=en Eruostat: data and distibution plot. Population.
  49. 49. Bubble maps Femicide map in Turkey http://kadincinayetleri.org/
  50. 50. http://especiais.g1.globo.com/politica/mapa-manifestacoes-no-brasil/17-04-2016/contra/
  51. 51. http://xkcd.com/1138/
  52. 52. http://ec.europa.eu/eurostat/cache/BubbleChart/?lg=en#tableCode=pat_ep_ntec
  53. 53. http://ec.europa.eu/eurostat/cache/BubbleChart/?lg=en#tableCode=pat_ep_ntec
  54. 54. Recommendations and tools Think what you need to tell. What, whom, where? Select type of visualization. Do not let the tool take decisions for you. Show context. Show the data Use of multiple skills: statisticians, designers, Journalists, developers, artists. Tell a story or allow others tell a story.…
  55. 55. Uses and abuses of data visualizations in mass media ESS Visualisation Workshop 2016 Valencia. May 17-18, 2016. #ESSvisualisation Pablo Rey Maz nó @numeroteca numeroteca.org Montera34 montera34.com Open Evidence open-evidence.com pablo@montera34.com Questions! bit.ly/datavisabuse
  56. 56. Show me the data
  57. 57. Show me the data
  58. 58. https://robots.thoughtbot.com/analyzing-minards-visualization-of-napoleons-1812-march
  59. 59. Show me the data!
  60. 60. Show me the data but tell me a story!
  61. 61. Show me the data but tell me a story with an image!

×