Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
“Graphical Perception and Graphical
Methods for Analyzing Scientific Data”
Or how to create data visualizations that tell a...
Hi, I’m Juhis!
Developer Community & Web Dev @ Futurice
Founder of Turku <3 Frontend
Used to build data visualizations at ...
0.000 5.000
9.961 4.373
9.649 6.841
4.063 9.911
0.245 6.545
2.321 0.778
0.039 4.373
3.757 9.843
0.476 7.129
3.159 0.351
9....
@hamattiPapers We Love Berlin
Read the paper
"Graphical Perception and Graphical Methods
for Analyzing Scientific Data" by William S.
Cleveland and Rober...
Input — Output
Quantitative &
categorical data
encode through
position, shape, size,
symbols and color
Graph
decode throug...
“A graphical method is successful only if the
decoding is effective. No matter how clever
and how technologically impressiv...
“A graphical method is successful only if the
decoding is effective. No matter how clever
and how technologically impressiv...
Levels of recognition
1. Position along a common scale
2. Position on an identical but non-aligned scales
3. Length
4. Ang...
1. Position along a common scale
@hamattiPapers We Love Berlin
2. Position on an identical but non-aligned scales
@hamattiPapers We Love Berlin
3. Length
@hamattiPapers We Love Berlin
#1 Never use pie charts
@hamattiPapers We Love Berlin
“Pie charts should
never be used”
Edward Tufte
@hamattiPapers We Love Berlin
4. Angle / Slope & 5. Area
@hamattiPapers We Love Berlin
#2 Don’t stack –
unless it tells a story
@hamattiPapers We Love Berlin
@hamattiPapers We Love Berlin
@hamattiPapers We Love Berlin
#3 Graph what you
want to tell
@hamattiPapers We Love Berlin
#4 Show the zero
@hamattiPapers We Love Berlin
#5 Don’t get fancy
@hamattiPapers We Love Berlin
@hamattiPapers We Love Berlin
https://www.thedataschool.co.uk/ellen-blackburn/a-simple-way-to-make-a-radar-chart/
#5 Don’t get fancy
#1 Never use pie charts
#2 Don’t stack – unless it tells a story
#3 Graph what you want to tell
#4 Show...
Extra reading
The Visual Display of Quantitative Data, Edward Tufte
Information Dashboard Design, Stephen Few
Information ...
@hamatti
https://hamatti.org
https://futurice.com
juhis@futurice.com
Thank you!
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tel...
Prochain SlideShare
Chargement dans…5
×

“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tell a story

24 vues

Publié le

I gave this talk first in Papers We Love Berlin, June 19th 2019.

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - or how to create data visualizations that tell a story

  1. 1. “Graphical Perception and Graphical Methods for Analyzing Scientific Data” Or how to create data visualizations that tell a story Papers We Love Berlin ; June 19th ; Juhis ; @hamatti
  2. 2. Hi, I’m Juhis! Developer Community & Web Dev @ Futurice Founder of Turku <3 Frontend Used to build data visualizations at Chartio @hamatti in Twitter from Helsinki, !
  3. 3. 0.000 5.000 9.961 4.373 9.649 6.841 4.063 9.911 0.245 6.545 2.321 0.778 0.039 4.373 3.757 9.843 0.476 7.129 3.159 0.351 9.222 2.321 3.455 9.755 1.355 1.577 9.990 5.314 3.159 9.649 8.645 8.423 1.813 1.147 7.129 0.476 1.813 8.853 9.524 2.871 4.686 9.990 9.755 3.455 9.649 3.159 0.351 6.841 8.423 1.355 8.853 1.813 6.841 0.351 2.321 9.222 5.937 9.911 7.939 9.045 7.409 0.618 9.911 4.063 0.089 5.937 2.871 9.524 9.755 6.545 8.187 1.147 7.679 9.222 4.373 0.039 0.010 4.686 1.577 1.355 0.039 5.627 10.000 5.000 @hamattiPapers We Love Berlin
  4. 4. @hamattiPapers We Love Berlin
  5. 5. Read the paper "Graphical Perception and Graphical Methods for Analyzing Scientific Data" by William S. Cleveland and Robert McGill bit.ly/pwlb-dataviz
  6. 6. Input — Output Quantitative & categorical data encode through position, shape, size, symbols and color Graph decode through human visual system Understanding @hamattiPapers We Love Berlin
  7. 7. “A graphical method is successful only if the decoding is effective. No matter how clever and how technologically impressive the encoding, it fails if the decoding process fails.” Cleveland & McGill, 1985 @hamattiPapers We Love Berlin
  8. 8. “A graphical method is successful only if the decoding is effective. No matter how clever and how technologically impressive the encoding, it fails if the decoding process fails.” Cleveland & McGill, 1985 @hamattiPapers We Love Berlin
  9. 9. Levels of recognition 1. Position along a common scale 2. Position on an identical but non-aligned scales 3. Length 4. Angle or slope 5. Area 6. Volume / Density / Saturation 7. Hue @hamattiPapers We Love Berlin
  10. 10. 1. Position along a common scale @hamattiPapers We Love Berlin
  11. 11. 2. Position on an identical but non-aligned scales @hamattiPapers We Love Berlin
  12. 12. 3. Length @hamattiPapers We Love Berlin
  13. 13. #1 Never use pie charts @hamattiPapers We Love Berlin
  14. 14. “Pie charts should never be used” Edward Tufte @hamattiPapers We Love Berlin
  15. 15. 4. Angle / Slope & 5. Area @hamattiPapers We Love Berlin
  16. 16. #2 Don’t stack – unless it tells a story @hamattiPapers We Love Berlin
  17. 17. @hamattiPapers We Love Berlin
  18. 18. @hamattiPapers We Love Berlin
  19. 19. #3 Graph what you want to tell @hamattiPapers We Love Berlin
  20. 20. #4 Show the zero @hamattiPapers We Love Berlin
  21. 21. #5 Don’t get fancy @hamattiPapers We Love Berlin
  22. 22. @hamattiPapers We Love Berlin
  23. 23. https://www.thedataschool.co.uk/ellen-blackburn/a-simple-way-to-make-a-radar-chart/
  24. 24. #5 Don’t get fancy #1 Never use pie charts #2 Don’t stack – unless it tells a story #3 Graph what you want to tell #4 Show the zero @hamattiPapers We Love Berlin
  25. 25. Extra reading The Visual Display of Quantitative Data, Edward Tufte Information Dashboard Design, Stephen Few Information Graphics, Sandra Rendgen Cartographies of Time, Daniel Rosenberg Visualize This, Nathan Yau @hamattiPapers We Love Berlin
  26. 26. @hamatti https://hamatti.org https://futurice.com juhis@futurice.com Thank you!

×