Delhi.bootcamp dataviz
-
Upload
leimdorfer -
Category
Data & Analytics
-
view
232 -
download
2
Transcript of Delhi.bootcamp dataviz
![Page 1: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/1.jpg)
“I can’t see the
wood for the trees”
(7 things to help make data-viz clearer)
![Page 2: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/2.jpg)
Humans are
intensely visual
creatures
![Page 3: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/3.jpg)
Location
Alphabet
Time
Category
Hierarchy
Richard Saul Wurman
![Page 4: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/4.jpg)
Data
visualisation is
about exposing
patterns
![Page 5: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/5.jpg)
Correlation
!= causation
Per capita consumption of mozzarella cheese (US)
correlates with
Civil engineering doctorates awarded (US)
Spurious Correlations: http://tylervigen.com/view_correlation?id=3890
![Page 6: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/6.jpg)
What’s the story?
![Page 7: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/7.jpg)
As a <someone>…
I want <a feature>…
So that <a benefit>…
What does your
audience want?
User Stories
![Page 8: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/8.jpg)
As an Hispanic Mother
I want to see how unemployment
disproportionately affects young
women who haven’t graduated
high-school,
So that I can show my daughter
the difference an education
makes
User Stories
http://nyti.ms/NHqEMC
![Page 9: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/9.jpg)
Overview first,
Zoom and Filter,
Details-on-demand
Impact
curiosityexploration
Ben Schneiderman
personalisation
![Page 10: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/10.jpg)
Keep
It
Simple
S…
![Page 11: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/11.jpg)
Less is more
http://bit.ly/1nC9JWO
![Page 12: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/12.jpg)
Size matters
0
1
2
3
Xx Xx πx² / 4
![Page 13: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/13.jpg)
Don’t use two
dimensions
when one
will do
![Page 14: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/14.jpg)
Worse still…
Don’t use 3D
What are 3D Pie charts good for?
![Page 15: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/15.jpg)
The axes of evil
Changing y-axis maximum
Changing ratio of graph dimensions
![Page 16: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/16.jpg)
The axes of evil
Truncated bar graphs
http://bit.ly/1tcUsig
![Page 17: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/17.jpg)
Colour Matters
1 in 12 men
are colour blind
http://wtfviz.net/
![Page 18: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/18.jpg)
Geography
!= maps
![Page 19: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/19.jpg)
Make it personal
I've just found out I’m in the Traditional working class group in Britain’s new class system #Whatsyourclass http://bbc.in/12acLLV
Overpriced fuel? I pay £0.39 more than average to fill up. Try @BBCNewsGraphics price calculator http://bbc.in/WeKlw4#petrolprice
Which Olympics athlete are you? I'm Paloma Schmidt - find out yours with the BBC's #AthleteLikeMe #BBC2012 #London2012 http://bbc.in/NE48lq
![Page 20: Delhi.bootcamp dataviz](https://reader033.fdocuments.us/reader033/viewer/2022042607/55a89d071a28ab94188b46f5/html5/thumbnails/20.jpg)
1. Form follows function
(What are the patterns in your data)
2. What does your Audience want?
(User stories: “As x, I want y, so that z”)
3. Overview first, then detail
(Martini glass)
4. Keep it simple
(Less is more)
5. Visualisations can misrepresent and mislead
(Shapes, axes and colour)
6. Geography != maps
(Maps are great – but complicated)
7. Make it personal
(What’s the Hashtag?)
More links: one-tab.com/page/r-QbXpgPR5KmyRdq0sYnEg