Datenvisualsierung leicht gemacht
4. April 2011 | 
Autor In diesem Artikel zeige ich einige Möglichkeiten, Daten mit freien, kostenlosen Tools darzustellen. Probieren Sie es einfach selbst aus!
Teil Eins: Ein Tortendiagramm, kann über eine einfache Abfrage als Bild über Google Charts eingebunden werden. Technisch ist es einfach so: es wird ein Bild im CMS eingebunden, und die “Parameter” sagen Google wie das Bild aussehen soll. Auf diese Weise ist der Service im jedem CMS (Content Management System) kompatibel. Die Parameter werden Extern mit dem Google Chart Wizzard erstellt und dann wird der Code per Copy und Paste eingefügt. Richtig ist der Code im Feld “Paste HTML to embedd….” rechts, zweiter unter der erstellten Grafik. Der Artikel-Editor muss zum einfügen von Quellcode vom Modus “Visuell” auf “HTML” umgeschaltet werden.
Teil zwei: einfache Karte
Orte von denen unsere Teilnehmer zu diesem Seminar angereist sind:
(Hier wurde das Plugin “Google Maps made Simple” für WordPress verwendet, das es einfacher macht diese Karten zu erstellen. Allgemeingültig können solche Karten wie folgt erstellt über http://maps.google.de erstellt werden. Dort einloggen, auf “eigene Karten” klicken und mit den Tools dort die Karte erstellen, freigeben und im CMS einbetten. Aber zurück zur Anleitung:)
Hier: Einfach das Dialogfeld über die Schaltfläche 
über dem Artikel-Editor aufrufen, ausfüllen und auf “Einfügen” drücken. Zum Nachbearbeiten: Code aus Artikel Löschen “[wpgmapp….”, wieder auf “G” drücken, oben auf “Map Library” gehen und die jeweilige Karte anklicken. Danach wieder “Insert” drücken.
Kindergärten in München: Betreuungsplätze nach Art der Einrichtung
Die folgende interaktive Tortengrafik ist nur verlinkt – nicht eingebettet. Beim Einbetten macht Sie derzeit Probleme im CMS. Könnte das am Betastadium des neuen Google-Service “Fusion Tables” liegen? (update – jetzt eingebettet)
http://www.google.com/fusiontables/DataSource?snapid=168522
Erzeugt über google.com/fusiontables:
Ablauf:
Einloggen mit Google-Account.
1. Import: File / New, Datei “Kindergarten.xlsx” auswählen, Next, Next, Finish (ok, vorher hier downloaden…)
2. Visualisieren: Visualize, Pie, Show Options, Aggregate, Haken bei: “Plätze gesamt: Sum” und “Typ Bezeichnung”. Apply.
3a. Freigeben und Verlinken: Oben Rechts: “Share” umschalten von “Private” auf “Public” und mit “X” Fenster schließen. Daneben auf “Get Link” klicken und Link kopieren und einsetzen.
3b. Freigeben und Einbinden (=Embedden): Oben Rechts: “Share” umschalten von “Private” auf “Public” und mit “X” Fenster schließen. Jetzt links über der Tortengrafik “get embedd code” anklicken, Code kopieren und in Artikel einsetzen. Finetuning: ist die Grafik zu schmal im Embedd-Code einfach die Breit manuell ändern: von width=”500px” auf width=”700px” (Achtung, kommt 2x vor)
Die nächste Stufe:
Eine Karte der Kindergärten.
Dazu müssen Positionsangaben vorhanden sein (Längen- & Breitengrad). Wenn nicht vorhanden – wie hier – dann brauchen wir ein Feld mit der gesamten Anschrift. Dazu habe ich mit der Formel =VERKETTEN(F2;", ";D2;" ";E2;", Deutschland") Straße, Postleitzahl und den Ort zusammengefast. Deutschland habe ich angehängt, weil sonst gelegentlich Zeile 333 in Südamerika landet. Arbeiten in Google Fusion Tables wie folgt: In der Tabellenansicht (über Visualize / Table) auf Edit / “Modify colums” klicken. Hier das Feld “Adresse gesamt” auf “Location” stellen (mehr nicht). Danach auf “Save” und die Karte mit Visualize / Map erstellen. Jetzt werden von Google die Geodaten hinzugefügt und sobald das erledigt ist, kann man den Kartenausschnitt heranzoomen. Fertig.
Verschiedene Marker
Zur Verfeinerung habe ich in der Spalte “Marker” noch jedem Einrichtungstyp einem eingenen Markertyp gegeben. Diese lassen sich einschalten über “Configure Styles” / Column / und dann die Spalte “Marker” auswählen. Über “Save” wird die Karte erstellt und über “Get embeddable Link” wird ein Code zum Kopieren in die eigene Seite angeboten.
Hier geht es zur Großansicht der Karte.
Das Info-Window (Popup)
Die Info in der Box (erscheint beim Klicken auf einen Marker) kann noch über “Configure Info Window” angepasst werden. Über Häkchen die anzuzeigenden Felder auswählen und über Reiter “Custom” eigen Texte eingeben.
Zusatzinfo:
Es gibt eine Menge bereits vorbereiteter Datensätze in Fusion Tables zum Experimentieren: Entweder gleich nach dem Einloggen auf “Public tables” klicken oder später über einen Klick auf das Google Fusion Tables – Logo zurück zur Dateiliste und dann auf “Public tables” klicken.
Visualisierung von IBM: ManyEyes
ManyEyes ist vielseitig zu verwenden und einfach zu bedienen. Einfach mal ausprobieren unter:
http://www-958.ibm.com/software/data/cognos/manyeyes/
Nach der Angabe und Überprüfung einer E-Mail-Adresse kann man auch eigene Daten per copy und paste hochladen und Visualisierungen ausprobieren. Es gibt vielfältige Charts – bei Karten ist Google jedoch besser.
In diesem Sinne -
Ihr Günther A. Biebl
Auch interessant:
Veröffentlicht in Allgemein
Kommentieren
