Telling Data-Driven Stories

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.

708f993eda474c9b86face222f2fe90e?s=128

Benjamin Wiederkehr

May 23, 2014
Tweet

Transcript

  1. presented by Interactive Things TELLING 
 DATA-DRIVEN STORIES If Book

    Then 22 May 2014 4
  2. None
  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
  19. None
  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
  21. None
  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
  23. None
  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
  26. None
  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
  37. None
  38. None
  39. None
  40. None
  41. None
  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