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 datenvisualisierung:

Die schönen Fokus+Kontext-Timelines verbreiten sich zunehmend…

…und werden damit bald zum Quasistandard für Datenvisualisierungen auf einer Zeitachse werden.

Hier ein paar Beispiele, die IMO dazu führen, dass sich diese Visualisierungsmethode schnell verbreiten wird und damit hoffentlich „bald" davon ausgegangen werden kann, das Nutzer auch damit umzugehen wissen.

Prominentestes Beispiel: Google Finance und — seit einer kurzen Weile — die Google-Visualisation API, YouTube und viele andere Google-Dienste. — Mehr hierzu hier im Blog…

Etwa zeitgleich aber visuell mit einem etwas anderer Ansatz kommt die Simile-Timeline daher um im Google-Maps-Stil via API Daten anzuzeigen. — Auch hierzu mehr hier im Blog…

Und jetzt kommen langsam die Adaptionen wie die Livestream-Timeline von AllOfMe (Beschreibung dieses Dienstes).

allofme.com timeline

Der wichtige Unterschied zwischen diesen Timelines und klassisches Zeitleisten, wie man sie aus MS Encarta und der Darstellung von Geschichtsdaten (Beispiel) kennt: Ein großer Ausschnitt wird Fokussiert und gleichzeitig der Context in einer kombinierten Anzeige+Auswahl angezeigt.

Damit gehören diese Zeitleisten für mich in die Interface-Kategorie Fokus + Kontext (focus plus context) — ein Themenfeld, zu dem es noch einige andere sehr interessante Interfacestudien gibt, zum Beispiel
„focus-plus-context screens" (Karten auf Großscreens) und „halo" (PDA-Navigation), beide von Patrick Baudisch. Zu beiden gibt es auf der Seite Videos.

PS Offtopic: Jetzt hoffe ich nur noch, dass bald mal jemand für Wikipedia eine einfachere Timeline-Funktion entwickelt als die komplizierte (zwar sehr flexible) „Easy Timeline".

[tags]timeline, zeitleiste, focus plus context, visualisierung, datensicht, google, zeit, datenvisualisierung[/tags]

Tufte über Interfacedesign und das iPhone

Edward Tufte, Meister der Informationsaufbereitung, hat sich mit dem iPhone beschäftigt und spricht über hohe Bildschirmauflösung als Lösung für die Interfaceprobleme kleiner Displays.

Und natürlich hat er auch ein paar Optimierungsvorschläge parat. „(…) here is the general theorie: To clarify add detail. Image that. To clarify add detail. And clutter and overload are not an attribut of information they are failiures of design. If the information is in chaos dont start throwing out information, fix the design. And that is exactly what the iphone-plattform has done."

Zwei tolle Zitate und Aussagen!

Ob sein Optimierungsvorschlag aus seinem Video (rechts) mit mehr Details wirklich so viel klarer ist…? Mir gefallen die Wetter-Visualisierungen aus dem Kommentar-Thread besser. Aber ich glaube, seine Nettobotschaft kommt trotzdem rüber.

iphone tufte

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

Datenvisualisierung mit yFiles

yEdit GalleryyFiles is an (…) class library that provides algorithms and components enabling the analysis, visualization, and the automatic layout of graphs, diagrams, and networks.

Beispiele wie das Bild rechts erinnern mich an Riesen-Starttrees wie „The North American Internet Backbone" und derartige Visualisierungen großer Datenmengen, wie sie ja auch auf visualcomplexity zu Hauf gesammelt werden.

yWorks ist dabei eine Softwaresammlung die mir aufgefallen ist, da sie viele Funktionen und gute Visualisierungen unterstützt. Da wundert es mich, dass es nicht schon mehr solcher Startrees gibt.

yWorks hat mit yFiles Java- und .Net-Classes zur Analysierung von Daten. yED ist wohl eine Art Viewer. Und dann sind da noch yGuard, yDoc und der Ant Explorer.

yFiles

Ich hoffe sehr, dass solche Hilfsmittel noch weiter verbessert werden und damit zunehmend den Weg in andere Applikationen finden. Schließlich kann man mit ihnen große Datenmengen hervorragend darstellen…

[tag]datensicht,datenvisualisierung,startree,atomictree,software,java,.net,density[/tag]

Animierte Geschichtsstunde der Imperien

„Wer hat den mittleren Osten im Laufe der Geschichte kontrolliert?" fragt der anonyme(?) Gestalter der Maps Of War.

Seine Antwort „So ziemlich jeder" hat er dabei schön visualisiert und weblogfreundlich als Embed-Objekt (funktioniert nicht) zur Verfügung gestellt:

Imperial - History

[thx@kon]

[tag]datensicht, continuity, animation, geschichte, politik, informationsdesign[/tag]

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