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

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]

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

digg labs-Datenvisualisierungen

Wer sie — wie ich bisher :) — noch nicht kennt, sollte sich diese drei schönen Datenvisualisierungen aus den Digg Labs anschauen.

Auf ganz unterschiedliche Arten, werden die aktuell gediggten Stories dargestellt. Zusammen mit ein paar Metainformationen.

(Die Links auf den Bildern vergrößern das Thumbnail.)

digg labs swarm
http://labs.digg.com/swarm/
Digg Swarm draws a circle for stories as they're dugg. Diggers swarm around stories, and make them grow. Brightly colored stories have more diggs.

digg labs bigspy
http://labs.digg.com/bigspy/
Digg BigSpy places stories at the top of the screen as they are dugg. As new stories are dugg, older stories move down the list. Bigger stories have more diggs.

digg labs stack
http://labs.digg.com/stack/
Digg Stack shows diggs occurring in real time on up to 100 stories at once. Diggers fall from above and stack up on popular stories. Brightly colored stories have more diggs.

 

[tag]datensicht,density,flash,web2.0,bewertung,timeline[/tag]