flying sparks ein Weblog von Tobias Jordans zu den Themen software designstudium web2.0 webdesign informationsdesign oekologie werbung usability tj video interfacedesign marketing // alle Themen...

Alle Funken für das Thema diagramm:

Visualisierungen und die neue API von Google

Eben noch habe ich das neue DabbleDB-Video angeschaut und gedacht, wie toll es ist, dass DabbleDB so hilfreiche Visualisierungen wie die Kartenansicht und die Gruppierungen so einfach macht.

Für mich ist das einer zentralen Vorteile (USP) von DabbleDB. Schließlich geht es darum, möglichst schnell, möglichst aussagekräftige Informationen aus den Daten herauszuziehen. Das macht Office 2007 mit seinen Heatmaps sehr schön und ist auch die Motivation von Mihai Parparita gewesen, als er seine Google Mail-IMAP-„API" gebaut hat um seinen E-Mail-Verkehr zu analysieren (via). Eine Funktion die ich zuletzt bei dem Outlook-Plugin XOBNI gesehen habe (Invitations gibts bei mir).

Da hätte es mich eigentlich nicht wundern dürfen, dass Google dieses wichtige Thema gleich aufgreift und eine dicke API d'raus baut (via). Erst Recht nicht, da sie vor ein paar Tagen erst YouTube-Videos mit Statistik-Visualisierungen von Analytics (Karte mit HeatMap) und Google Finance (Chart-Komponente) ausgestattet hatten.

In der Dokumentation der Google Visualization API findet man eine lange Liste mit allen möglichen Darstellungsformen — die meisten davon kann man übrigens in Google Docs/Spreadsheet nutzen (Videodemo) und als Gadget auf seiner iGoogle-Seite hinzufügen.

Under den vielen gewöhnlichen Diagrammen (Balken, Kuchen, …) sind zwei, die besonders wichtig sind:

1. Die Motion Chart-Ansicht, die ich bisher nirgends gesehen habe — außer bei dem inzw. von Google gekauften Gapminder-Projekt.

Motion Chart

2. Die Interactive Time Series-Ansicht, die es im Fokus+Context-Prinzip bei Google Finance seit längerem erlaubt, große Datenmengen sehr kompfortabel zu durchstöbern.

Interactive Time Series

Ich bin sehr gespannt, was uns in diesem Bereich noch alles erwartet und an welchen Stellen wir zukünftig bessere Sicht auf unsere Daten bekommen werden. Hans Rosling (mehr bei mir) wird sich jedenfalls freuen, dass seine beiden TED-Talk-Wunsche jetzt in refüllung sind: Zum einen sind die UN-Daten kürzlich öffentlich zugänglich gemacht worden, zum anderen hat mit der Google API jetzt jeder die Möglichkeit, seine tollen Visualisuerungen zu nutzen.

[tags]visualisierung, google, api, density, diagramm, datensicht, statistik[/tags]

JavaScript-API zur Datenvisualisierung: Timeline und Timeplot

Schon seit einer ganzen Weile, programmieren Leute aus dem MIT an einer Reihe an fancy Tools — alles voran Timeline, ein „DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information." — und erschreckt habe ich festgestellt, dass ich noch nirgends darüber gebloggt habe :).

timline simile

Für mein Diplomprojekt hatte ich versucht, die Kalenderausgabe über einen 2. Kanal als Simile-Timeline darzustellen, bin aber leider an Zeichenkodierungsproblemen gescheitert…

Heute entdecke ich ein weiteres, sehr spanndendes JavaScript-Projekt der Simile-Familie: Timeplot „a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them".

timeplot

Schade, dass man bisher so wenig Anwendungen dafür findet und Glückwunsch an die MITler, die mit dem GoogleMaps-API-artigen Ansatz so ein Randthema wie Zeit- und Datenvisualisierung so einfach gemacht haben.

Wäre es nicht beispielsweise einfach möglich, die Postings eines Weblogs auf der Timeline darzustellen? Das wäre noch cooler als entsprechende bisherige Plugins. Und parallel dazu den Traffik/Kommentare/… in einer Timeplot-Ansicht?
Ich muss meine rhetorische Frage zur Timeline direkt selbst beantworten: Klar ist es möglich und es wurde auch schon gemacht

Informationsverdichtung in Infografiken

Brandeins berichtet: BILDERBUCHHALTUNG – Zeit für eine Powerpoint-Einschläferung? und auch der Ideentower findet das Thema interessant.

Es geht um Infografiken mit deren Hilfe komplexe Inhalte verdichtet werden auf wenige Folien oder ein einzelnes Plakat.

Das Wurzelproblem beschreibt Brand Eins so:

Der Vorstand weiß nicht, wie er seine Vorstellungen ausdrücken soll; seine Manager wissen nicht, wie sie die Truppe motivieren sollen. Die Mitarbeiter verstehen nicht, was beide wollen.

Ein Beispiel von xplane (GIF).

Gut aussehen tun die Plakate alle. Etwas problematisch finde ich es, auf dem Bildschirm die Übersicht zu behalten…
Ausgedruckt auf A1 wirkt das natürlich anders. Trotzdem denke ich, dass man Slides mit so viel visueller Information aufteilen sollte: gleiches Motiv, anderer Ausschnitt hervorgehoben, Rest ausgeblendet (grau)…

Update 06-02-02: Dieser Meinung sind anscheinend auch die Leute von RootLearning. In deren Demo-Sessions (leider passwortgeschützt) wird gezeigt: Die Plakate werden wie ein Spielbrett genutzt und sollen durch moderierte explorative Diskussionen das Wissen bei den Teilnehmern verankern. Hilfsmittel sind Frage-Karten die den Bildern auf dem Plakat richtig zugeordnet werden müssen.
Ein guter Ansatz…

Update 06-05-14: Jonathan Harris zeigt auf seiner Website 8 Plakate voller Informationen. Die Themen: Waffen, Rauchen, Starbucks, Verkehr/Mobilität, Watter und die US-Regierung. Sehenswerte Informationsverdichtungen.

Update 06-06-09: A graphical look at what we've done and where we're going bietet das seedmagazine mit 11 schönen Infografiken zum Zustand unseres Planeten. SeedMagazine