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.

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.
13. How many times do you have to see something before you remember it?
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