Telling Data-Driven Stories

This talk has been given at the conference «If Book Then — More Stories Thank Books» on May 23ʳᵈ 2014 in Milano, Italy.

Transcript

1. presented by Interactive Things TELLING 
 DATA-DRIVEN STORIES If Book Then 22 May 2014 4
3. presented by Interactive Things 6
4. presented by Interactive Things 7
5. Charles Joseph Minard: Napoleon's March to Russia 1812– 1813
6. Averyanov Alexander: The Attack of Moscow Regiment
7. presented by Interactive Things 10
8. presented by Interactive Things 10
9. presented by Interactive Things Visualization in Storytelling or Storytelling in Visualization? 11
10. FUKUSHIMA NZZ
11. Christoph Bangert for NZZ: Ofunato 2011
12. presented by Interactive Things 14 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals
13. Project Office DZZ Data
14. presented by Interactive Things 16 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data
15. Data Collection
16. presented by Interactive Things 18 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data
17. Material Exploration: Sylke Gruhnwald, Jan Wächter, Martina Franzén, Flavio Gortana, Benjamin Wiederkehr, Christoph Schmid
18. presented by Interactive Things 20 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights
20. presented by Interactive Things 22 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas
22. presented by Interactive Things 25 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Verifiy the selected visualization method. Question 6 Review Ask questions Get feedback Get perspectives
24. ✔ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✔ ✔
25. presented by Interactive Things 27 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Verifiy the selected visualization method. Question 6 Review Ask questions Get feedback Get perspectives Create the specification for implementation. Design 7 Visual design Functional design Technical design Experience design
27. 2000km 800 km 800 km 400 km 400 km SENDAI South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA
28. 2000km 800 km 800 km 400 km 400 km SENDAI South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA AOMORI Shelter Hotel Relatives Residence Total 0 42 403 134 579 2011
29. 2000km 800 km 800 km 400 km 400 km SENDAI South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA AOMORI Shelter Hotel Relatives Residence Total 0 42 403 134 579 2011 2012 AOMORI +13% Shelter Hotel Relatives Residence Total 0 0 319 334 653
30. Interactive Things: Migration Visualization, http://fukushima.nzz.ch
31. presented by Interactive Things 32 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Verifiy the selected visualization method. Question 6 Review Ask questions Get feedback Get perspectives Create the specification for implementation. Design 7 Visual design Functional design Technical design Experience design Build a flawlessly working application. Develop 8 Refine Polish Build Iterate
32. Interactive Things: Sievert Visualization, http://fukushima.nzz.ch
33. Interactive Things: Radiation Visualization, http://fukushima.nzz.ch
34. presented by Interactive Things 35 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Verifiy the selected visualization method. Question 6 Review Ask questions Get feedback Get perspectives Create the specification for implementation. Design 7 Visual design Functional design Technical design Experience design Build a flawlessly working application. Develop 8 Refine Polish Build Iterate Ensure the result is readable and usable. Evaluate 9 Usability testing Design evaluation Expert review Usage observation
35. presented by Interactive Things ~ 5km 20km Tamura City Nihonmatsu City Soma City Minamisoma City Namie Town Futaba Town Okuma Town Tomioka Town NarahaTown Ono Town Hirata Village Hirono Town Kawauchi Village Date City Kawamata Town Iitate Village Katsurao Village Fukushima Tatsuno Village Fukushima Daiichi Fukushima Daiichi 20km 30km 50km 100km 200km 300km Strahlenbelastung LQȝ6YKDP)HEUXDU ~ ~ ~ ~ ~ 4~ 8~ ~ 2VDND Kyoto 7RN\R )XNXVKLPD 7DWVXQR9LOODJH 2IXQDWR Fukushima Daiichi 36
36. presented by Interactive Things 37 Have a shared vision for the project. Inform 1 Content Requirements Audience Goals Have the data ready for analysis and usage. Prepare 2 Gather the data Clean the data Format the data Mine the data Understand the texture of the data. Explore 3 Ask questions of the data Inspect the data Explore the data Analyze the data Understand the contents of the data. Discover 4 Indentify problems Answer questions Understand the data Indentify insights Trying out and testing ideas visually. Sketch 5 Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Verifiy the selected visualization method. Question 6 Review Ask questions Get feedback Get perspectives Create the specification for implementation. Design 7 Visual design Functional design Technical design Experience design Build a flawlessly working application. Develop 8 Refine Polish Build Iterate Ensure the result is readable and usable. Evaluate 9 Usability testing Design evaluation Expert review Usage observation Finalize the project and celebrate. Deliver 10 Launch Promote Deploy Document
42. WIDE UNESCO
43. WIDE UNESCO
44. WIDE UNESCO
45. WIDE UNESCO
46. WIDE UNESCO
47. presented by Interactive Things I want participants, not consumers. 41
48. presented by Interactive Things 1. Visualization ≠ Truth 42
49. presented by Interactive Things 2. Understanding > Memorizing 43
50. Periscopic: Guns http://guns.periscopic.com
51. Pitch Interactive: Drones http://drones.pitchinteractive.com
52. Fernanda Viegas & Martin Wattenberg: Wind Map, http://hint.fm/wind
53. presented by Interactive Things 56
54. presented by Interactive Things Thanks! Benjamin Wiederkehr @datavis 57