WAHLERGEBNISSE ININTERAKTIVEN KARTEN         DARSTELLEN
JULIUS TRÖGER           VORTRAGNETZWERK RECHERCHE     25. MÄRZ 2012     FACHKONFERENZ DATENJOURNALISMUS
BERLIN HAT GEWÄHLT18. SEPTEMBER 20111.487.487 STIMMEN  1736 WAHLLOKALE     78 WAHLKREISE        22 PARTEIEN         12 BEZ...
ORIGINAL-DATENSATZh"p://www.wahlen-­‐berlin.de/wahlen/BE2011/ErgebWahllokale/AH11_S>mmbezirkeEndguel>g.xls	  
BALKENh"p://wahlarchiv.tagesschau.de/flash/?lra=rbb&wahl=2011-­‐09-­‐18-­‐LT-­‐DE-­‐BE	  
CHLOROPLETHh"p://www.wahlen-­‐berlin.de	  
TABELLEBerliner	  Morgenpost,	  23.	  Oktober	  2001	  
WAS HABENWIR GEMACHT?
ALLE 1.487.487      STIMMEN
ALLE 1.487.487       STIMMEN           AUCHKLEINE PARTEIEN
ALLE 1.487.487       STIMMEN           AUCHKLEINE PARTEIEN      NAH DRAN „HYPERLOKAL“
ALLE 1.487.487            STIMMEN                AUCH     KLEINE PARTEIEN           NAH DRAN      „HYPERLOKAL“EIGENE WAHLA...
BERLINWAHLKARTEh"p://www.morgenpost.de/berlinwahlkarte	  
ABGEORDNETEh"p://www.morgenpost.de/abgeordnete	  
WIE HABENWIR DAS GEMACHT
SCHRITT 1:   WAHLDATENBESORGEN UND   BEREINIGEN
LANDESWAHLLEITUNG                                                        @ API                                    ...
ORIGINAL-DATENSATZ                                                                          h"p://www.wahlen-­‐berlin....
BEREINIGTER DATENSATZh"ps://www.google.com/fusiontables/DataSource?docid=1QXPUqeEvrkoQWhf9SvZ38ynX-­‐h-­‐ZOURZIBrWFec&pli=...
GOOGLE FUSION TABLESh"ps://www.google.com/fusiontables/	  
SCHRITT 2:GEODATEN VISUALISIEREN
1736 WAHLLOKALE                                 – FUSION TABLESh"ps://www.google.com/fusiontables/DataSource?docid=1_jIxnD...
78 WAHLKREISE                                                 - POLYLINE TOOLh"p://www.birdtheme.org/useful/v3tool.html	  
78 WAHLKREISE        - KML
SCHRITT 3:WAHLDATEN UND     GEODATEN  VERKNÜPFEN
RELATIONALE                                                     DATENBANKhttps://www.google.com/fusiontables/DataSource?do...
SCHRITT 4:DIAGRAMME ERSTELLEN
GOOGLE CHART TOOLSh"p://code.google.com/intl/de-­‐DE/apis/chart/image/docs/chart_wizard.html	  
INFOFENSTER GESTALTENh"ps://www.google.com/fusiontables/DataSource?docid=1BwMmSjqN2kJtIRXLhTJZYnsCliRwvNgEbDsi4k8	  
SCHRITT 5:KARTEN-STEUERUNG      UND LAYOUT
FT LAYER BUILDERh"p://gmaps-­‐samples.googlecode.com/svn/trunk/fusiontables/fusiontableslayer_builder.html	  
MAPS STYLE WIZARDh"p://gmaps-­‐samples-­‐v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html	  
NICHT IMMER                                                              NUR GOOGLEh"p://www.raphaeljs.com/	  h"p://www.ka...
SCALABLE VECTOR                                                    GRAPHICSh"p://www.guardian.co.uk/world/interac>ve/2012/...
BERLIN                                                                                     IN SVGh"p://upload.wikimedia.or...
BERLIN-WAHLDATEN                                                MIT SVGh"p://toki-­‐woki.net/p/SVG2RaphaelJS/	  
MUSS ICH                                    PROGRAMMIEREN?                        TV-REDAKTEUR – CUTTER           ONLINE-R...
VIELEN DANK          JULIUS TRÖGER  BERLINER MORGENPOST        MORGENPOST.DE    DIGITALERWANDEL.DE        @JULIUSTROEGERGP...
Nächste SlideShare
Wird geladen in …5
×

Vortrag Netzwerk Recherche - Wahldaten in interaktiven Karten

10.893 Aufrufe

Veröffentlicht am

Mein Vortrag bei der Datenjournalismus-Konferenz "Daten, Recherchen, Geschichten" veranstaltet vom Netzwerk Recherche am 25. März 2012 in Hamburg: Wie können Wahlergebnisse in interaktiven Karten visualisiert werden. Ein How-To mit Google Tools und SVG.

  • Als Erste(r) kommentieren

Vortrag Netzwerk Recherche - Wahldaten in interaktiven Karten

  1. 1. WAHLERGEBNISSE ININTERAKTIVEN KARTEN DARSTELLEN
  2. 2. JULIUS TRÖGER VORTRAGNETZWERK RECHERCHE 25. MÄRZ 2012 FACHKONFERENZ DATENJOURNALISMUS
  3. 3. BERLIN HAT GEWÄHLT18. SEPTEMBER 20111.487.487 STIMMEN 1736 WAHLLOKALE 78 WAHLKREISE 22 PARTEIEN 12 BEZIRKE
  4. 4. ORIGINAL-DATENSATZh"p://www.wahlen-­‐berlin.de/wahlen/BE2011/ErgebWahllokale/AH11_S>mmbezirkeEndguel>g.xls  
  5. 5. BALKENh"p://wahlarchiv.tagesschau.de/flash/?lra=rbb&wahl=2011-­‐09-­‐18-­‐LT-­‐DE-­‐BE  
  6. 6. CHLOROPLETHh"p://www.wahlen-­‐berlin.de  
  7. 7. TABELLEBerliner  Morgenpost,  23.  Oktober  2001  
  8. 8. WAS HABENWIR GEMACHT?
  9. 9. ALLE 1.487.487 STIMMEN
  10. 10. ALLE 1.487.487 STIMMEN AUCHKLEINE PARTEIEN
  11. 11. ALLE 1.487.487 STIMMEN AUCHKLEINE PARTEIEN NAH DRAN „HYPERLOKAL“
  12. 12. ALLE 1.487.487 STIMMEN AUCH KLEINE PARTEIEN NAH DRAN „HYPERLOKAL“EIGENE WAHLANALYSE
  13. 13. BERLINWAHLKARTEh"p://www.morgenpost.de/berlinwahlkarte  
  14. 14. ABGEORDNETEh"p://www.morgenpost.de/abgeordnete  
  15. 15. WIE HABENWIR DAS GEMACHT
  16. 16. SCHRITT 1: WAHLDATENBESORGEN UND BEREINIGEN
  17. 17. LANDESWAHLLEITUNG    @ API   h"p://www.wahlen-­‐berlin.de/  h"p://www.berlin.de/projektzukunV/fileadmin/user_upload/pdf/sons>ges/Berliner_Open_Data-­‐Strategie_2012.pdf  
  18. 18. ORIGINAL-DATENSATZ    h"p://www.wahlen-­‐berlin.de/wahlen/BE2011/ErgebWahllokale/AH11_S>mmbezirkeEndguel>g.xls  
  19. 19. BEREINIGTER DATENSATZh"ps://www.google.com/fusiontables/DataSource?docid=1QXPUqeEvrkoQWhf9SvZ38ynX-­‐h-­‐ZOURZIBrWFec&pli=1  
  20. 20. GOOGLE FUSION TABLESh"ps://www.google.com/fusiontables/  
  21. 21. SCHRITT 2:GEODATEN VISUALISIEREN
  22. 22. 1736 WAHLLOKALE – FUSION TABLESh"ps://www.google.com/fusiontables/DataSource?docid=1_jIxnD6mt_TtqS6PKPVqlHcJvy9-­‐gWUzbLzgmgg  
  23. 23. 78 WAHLKREISE - POLYLINE TOOLh"p://www.birdtheme.org/useful/v3tool.html  
  24. 24. 78 WAHLKREISE - KML
  25. 25. SCHRITT 3:WAHLDATEN UND GEODATEN VERKNÜPFEN
  26. 26. RELATIONALE DATENBANKhttps://www.google.com/fusiontables/DataSource?docid=1BwMmSjqN2kJtIRXLhTJZYnsCliRwvNgEbDsi4k8
  27. 27. SCHRITT 4:DIAGRAMME ERSTELLEN
  28. 28. GOOGLE CHART TOOLSh"p://code.google.com/intl/de-­‐DE/apis/chart/image/docs/chart_wizard.html  
  29. 29. INFOFENSTER GESTALTENh"ps://www.google.com/fusiontables/DataSource?docid=1BwMmSjqN2kJtIRXLhTJZYnsCliRwvNgEbDsi4k8  
  30. 30. SCHRITT 5:KARTEN-STEUERUNG UND LAYOUT
  31. 31. FT LAYER BUILDERh"p://gmaps-­‐samples.googlecode.com/svn/trunk/fusiontables/fusiontableslayer_builder.html  
  32. 32. MAPS STYLE WIZARDh"p://gmaps-­‐samples-­‐v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html  
  33. 33. NICHT IMMER NUR GOOGLEh"p://www.raphaeljs.com/  h"p://www.kartographjs.org  h"p://www.openlayers.org  h"p://leaflet.cloudmade.com  h"p://mbostock.github.com/d3/ex/choropleth.html  h"p://www.alistapart.com/ar>cles/takecontrolofyourmaps  
  34. 34. SCALABLE VECTOR GRAPHICSh"p://www.guardian.co.uk/world/interac>ve/2012/jan/03/gop-­‐nomina>on-­‐2012-­‐primary-­‐results#state=OH  
  35. 35. BERLIN IN SVGh"p://upload.wikimedia.org/wikipedia/commons/9/95/Wahlkreise_Abgeordnetenhaus_Berlin.svg  
  36. 36. BERLIN-WAHLDATEN MIT SVGh"p://toki-­‐woki.net/p/SVG2RaphaelJS/  
  37. 37. MUSS ICH PROGRAMMIEREN? TV-REDAKTEUR – CUTTER ONLINE-REDAKTEUR – PROGRAMMIERERh"p://www.codeyear.com/  h"ps://developers.google.com/fusiontables/docs/developers_reference  h"ps://groups.google.com/a/googleproducnorums.com/forum/#!categories/google-­‐fusion-­‐tables  
  38. 38. VIELEN DANK JULIUS TRÖGER BERLINER MORGENPOST MORGENPOST.DE DIGITALERWANDEL.DE @JULIUSTROEGERGPLUS.TO/JULIUSTROEGER

×