6. Charles Joseph Minard
• Kaart uit 1869 - Carte figurative des pertes successives
en hommes de l'Armée Française dans la campagne de
Russie 1812-1813
Thursday, April 1, 2010
16. Interactie
• De tijdlijn: http://www.nytimes.com/interactive/2009/07/19/
us/politics/20090717_HEALTH_TIMELINE.html
Thursday, April 1, 2010
17. Tijdlijnen
• BBC Geschiedenis internet: http://news.bbc.co.uk/2/hi/
technology/8552410.stm
• NY Times Tweets Chatter during Super Bowl: http://
www.nytimes.com/interactive/2009/02/02/sports/
20090202_superbowl_twitter.html
Thursday, April 1, 2010
18. Interactie
• De kaart: http://www.nytimes.com/interactive/2010/03/09/
dining/20100309-new-york-coffee-map.html?src=tp
Thursday, April 1, 2010
20. Beeld
• Artscope: http://www.sfmoma.org/projects/artscope/
#r=982&artwork=16581&zoom=9
Thursday, April 1, 2010
21. Beeld
• Niet meer alleen van instellingen, jaarverslag KPMG:
http://jaarverslag.kpmg.nl/#view=00043
• Meer op: http://delicious.com/wilbertbaan/storytelling?
detail=3
Thursday, April 1, 2010
22. Kenmerken
• Veel werk
• Duur
• Duidelijk
• Logisch vervolg op de statische infographic
• Van simpel tot storytelling
• Beperkte interactie
Thursday, April 1, 2010
24. Al Gore
• Heeft powerpoint cinema op de kaart gezet met de film
An Inconvenient Truth.
Thursday, April 1, 2010
25. Al Gore
• Heeft powerpoint cinema op de kaart gezet met de film
An Inconvenient Truth.
Thursday, April 1, 2010
26. Animatie
• De animatie Empires laat zien hoe de verhoudingen
waren door de tijd.
Thursday, April 1, 2010
27. Animatie
• De animatie Empires laat zien hoe de verhoudingen
waren door de tijd.
Thursday, April 1, 2010
28. Explanimation
• The Credit Crunch legt eenvoudig uit, hoe de crisis is
ontstaan
Thursday, April 1, 2010
29. Explanimation
• The Credit Crunch legt eenvoudig uit, hoe de crisis is
ontstaan
Thursday, April 1, 2010
30. Explanimation
• Iran: a Nation of Bloggers door Vancouver film school
Thursday, April 1, 2010
31. Explanimation
• Iran: a Nation of Bloggers door Vancouver film school
Thursday, April 1, 2010
32. Kenmerken
• Lineair
• Geen controle (behalve doorspoelen)
• Kort
• Krachtig
• Goed verhaal
• Video, werkt altijd, simpel te bedienen
• Goed te delen (YouTube)
Thursday, April 1, 2010
35. Kaarten
• Oakland Crimespotting: http://oakland.crimespotting.org/
Thursday, April 1, 2010
36. Kaarten
• Mapumental Channel 4
Thursday, April 1, 2010
37. Kaarten
• Mapumental Channel 4
Thursday, April 1, 2010
38. The Whale Hunt
• Jonathan Harris: http://thewhalehunt.org
Thursday, April 1, 2010
39. Kenmerken
• Meer data beschikbaar (overheden)
• Meer “emotionele data” beschikbaar via sociale
netwerken zoals Twitter, Facebook, Hyves
• Standaarden om snel informatie uit te kunnen wisselen
Thursday, April 1, 2010
49. Data visualisatietools
• Google Public Data Explorer: http://www.google.com/
publicdata/home
Thursday, April 1, 2010
50. Kenmerken
• Diensten
• Eenvoudig
• Snel
• Goedkoop
• Toegankelijk voor iedereen
• Embeddable
• Grootste nadeel is niet in eigen huisstijl, niet alles is
mogelijk, geen eigenaar van informatie. Komt allemaal
wel steeds meer
Thursday, April 1, 2010
52. Waar begin je?
• Wat wil je vertellen?
• Voor wie maak je het?
• Wat is je beschikbare informatie?
• Hoe deel je het?
• Waarom wil iemand het zien/lezen/klikken?
• Wat voegt het toe t.o.v. bestaande media?
Thursday, April 1, 2010
53. Tips
• Hoe lang kan iemand zijn aandacht erbij houden?
• Mensen hebben controle, een muis vast. Wat kunnen ze
doen?
• Wat voegt interactie toe?
• Kost het meer tijd dan een tekstverhaal om te maken?
• Is het duidelijker in beeld?
Thursday, April 1, 2010
54. Suggestie door beeld
• Obamaʼs weergave van de “Road to recovery” via
beeldtaal.boom.nl / mybarackobama.com
Thursday, April 1, 2010
55. Beeldstrategie
• Visueel specialist Edward Tufte in Obama adviesgroep
om data inzichtelijk te maken: http://vizthink.com/blog/
2010/03/08/tufte-appointed-by-obama-to-recovery-
independent-advisory-panel/
Thursday, April 1, 2010
57. Verkiezingen
• 9 juni 2010, Tweede Kamerverkiezingen
• Hoe breng je als krant of televisiezender de verkiezingen
online interactief in beeld voor je lezers?
• In de aanloop naar de verkiezingen en tijdens de
verkiezingen?
Thursday, April 1, 2010
58. Enkele voorbeelden
Uitslag Rotterdam Deze pagina automatisch verversen
iedere 1 min. 5 min. 10 min. Verkiezingen 2006
Meest opgevraagde gemeenten
Rotterdam (CDA)
Amsterdam (PvdA)
Utrecht (Groen Links)
Hilversum (PvdA)
Utrecht (VVD)
Rotterdam (D66)
Uitslag in Rotterdam na 157.957 stemmen Amsterdam (PvdA)
1. CDA 20.234 stemmen 50 % Laatst binnengekomen gemeenten
2. VVD 19.435 stemmen 49 % Rotterdam (PvdA)
3. PvdA 15.786 stemmen 40 %
Amsterdam (CDA)
4. D66 11.456 stemmen 33 %
Utrecht (D66)
5. Groen Links 11.753 stemmen 33 %
Hilversum (PvdA
6. CDA 20.234 stemmen 50 %
Utrecht (Groen Links)
7. VVD 19.435 stemmen 49 %
8. PvdA 15.786 stemmen 40 % Rotterdam (Partij voor de Dieren)
9. D66 11.456 stemmen 33 % Amsterdam (SGP)
10. Partij voor de Dieren 11.753 stemmen 33 %
11. CDA 20.234 stemmen 50 % Bekijk de uitslag per gemeente
12. VVD 19.435 stemmen 49 % Kies Provincie
Kies Gemeente
Opkomst in Rotterdam 78 % 200.000 mensen van de 300.000 kiesgerechtigden
Andere gemeenten met ongeveer evenveel kiezers als Rotterdam zijn:
Amsterdam (350.000), Groningen (175.000), Utrecht (170.000)
Thursday, April 1, 2010
59. Enkele voorbeelden
• NY Times Expit Polls: http://elections.nytimes.com/2008/
results/president/exit-polls.html
Thursday, April 1, 2010
60. Enkele voorbeelden
• What Twitter Votes: http://www.hypernarrative.com/
wordpress/2008/11/04/analyzed-what-twitter-votes-
graphic/
Thursday, April 1, 2010
61. Enkele voorbeelden
• Election results overzicht: http://infosthetics.com/archives/
2008/11/
question_what_is_the_best_us_election_result_graph.ht
ml
• Zoekopdracht Partij voor de Dieren: http://
www.google.com/insights/search/?hl=nl#q=Partij%20voor
%20de%20Dieren&geo=NL&date=today%2012-
m&cmpt=geo
Thursday, April 1, 2010
63. Verkiezingen
• 9 juni 2010, Tweede Kamerverkiezingen
• Wat vertel je?
• Wat voeg je toe?
• Welke data is er? Hoe maak je nieuwe informatie?
• Voor wie vertel je het? Hoe betrek je mensen?
• Wat willen mensen weten?
Thursday, April 1, 2010
64. Data
• Historische informatie
• Peilingen
• Nog niet binnen (live)
• Laatst binnen gekomen gemeenten
• Opkomstpercentage per gemeente, provincie, landelijk
• Aantal stemmen per gemeente, provincie, landelijk
• Uitslag per gemeente, provincie, landelijk
• Etc.
Thursday, April 1, 2010