Modern Data Visualization, Presented @ OpenSourceNorth

Modern Data Visualization, Presented @ OpenSourceNorth

Big Data, IoT and now Machine Learning give us more data than ever before. We can find significant trends, influence the direction of a company, predict customer behaviors or even just guess if a photo is a cat or a dog. But what do you do with all of this data? We’ll walk through a few examples of both really good and really bad data visualizations, examine some data visualization practices that are still relevant today and discuss how animation, inclusive design and UX are shaping modern datavis.

1e56679c0384d36280c82f450ac8c473?s=128

Ash Dzick

May 22, 2019
Tweet

Transcript

  1. Modern Data Visualization Open Source North

  2. the next 25 brief overview (5min) best practices (15min) tools

    to get started (5min)
  3. the next 25 brief overview (5min) best practices (15min) tools

    to get started (5min) 
 after the session: •find me in person •email me: adzick@gmail.com •tweet me: @ashleydzick
  4. brief intro

  5. Minard's Visualization Of Napoleon's 1812 March

  6. Minard's Visualization Of Napoleon's 1812 March

  7. Minard's Visualization Of Napoleon's 1812 March

  8. Simpson’s Paradox

  9. StitchFix Algorithms Tour

  10. best practices

  11. don’t make humans remember stuff 1.

  12. None
  13. How many times do you have to see something before

    you remember it?
  14. None
  15. humans are bad at approximating area 2.

  16. Stephen Few, Perceptual Edge

  17. Stephen Few, Perceptual Edge

  18. Stephen Few, Perceptual Edge

  19. convey meaning with more than just colors 3.

  20. USA Today Gas Price Heat Map

  21. USA Today Gas Price Heat Map

  22. Joshua Stevens using NASA Visualization Studio

  23. Joshua Stevens using NASA Visualization Studio

  24. think beyond static graphs 4.

  25. Simpson’s Paradox World Bank Visualizations, Infant Mortality

  26. National Geographic When Children Lack Nutrition

  27. National Geographic When Children Lack Nutrition

  28. give them a story to follow 5.

  29. Gates Notes, The Deadliest Animal in the World

  30. Simpson’s Paradox NY Times, Punishing Reach

  31. best practices 1. don’t make humans remember stuff 2. humans

    are bad at approximating area 3. convey meaning with more than color 4. think beyond static 5. give them a story to follow
  32. tools to get started

  33. In no order.. • ColorBox • ColorBrewer • Adobe Color

    • Colormind • Chroma.js • Colorgorical • Plus dozens others
  34. Simpson’s Paradox projects.susielu.com/viz-palette

  35. Simpson’s Paradox flourish.studio

  36. michelf.ca/projects/sim-daltonism

  37. reading • The Functional Art — Alberto Cairo • Visual

    Display of Quantitative Information — Edward Tufte • Design for Information — Isabel Meirelles • Storytelling with Data — Cole Nussbaumer Knaflic • Presenting Data People Can’t Ignore - Hubspot eBook
  38. more visualizations to check out 1. How 2 M.T.A. Decisions

    Pushed the Subway Into Crisis
 Great use of SVGs and CSS3 to make incredibly fast “animated” visualizations 2. What’s Your Major? 4 Decades of College Degrees, in 1 Graph
 Simple graph with powerful story
  39. questions? slides will be posted on twitter @ashleydzick