Daten visualisieren mit Diagramme/Graphen

02.10.2008
von Sebastian Müller

Wer z.B. eine Community betreibt, möchte auch genau wissen was sich auf der Seite abspielt und wie die Community aufgeteilt ist (Alter, Herkunft, etc.). Daher bietet sich eine Visualiersurung der Daten mit Graphen bzw. Diagrammen an. Diese Tools, Plugins und Codeschnipsel können euch dabei helfen.

Google Charts API

Diese API von Google wird jedem Webentwickler schonmal begegnet sein. Diese API kann nicht einfacher zu verwenden sein. Um ein Diagramm zu generieren, verwendet man die Parameter einfach in der Bild-URL. Die Ausgabe erfolgt also von Google selber durch ein Image. Die Optik erinnert sehr an die Graphen von Google Analytics. Hier ein kleines Beispiel:

Viele Graphen/Diagramme sind verfügbar, um genau zu sein 7. (Line Charts, Sparklines, Bar Charts, Pie Charts, Venn Diagrams, Radar Charts, Google-o-Meter).

Gruff Graphs für Ruby

Ich persönlich habe keine Ahnung von Ruby (on Rails), wollte es mir aber schon längst angeschaut haben. Denn auch für Ruby gibt es Graphen. Gruff Graphs heißt das Plugin, dass klassische Line Charts ausgibt. Für alle Ruby Programmierer, hier ein Beispiel-Codeschnipsel:

Und hier noch eine Beispielausgabe:

amCharts

amCharts hat mir bis jetzt von allen am besten gefallen. amCharts basiert auf Flash, die Daten werden per XML Datei eingelesen. Die Darstellung der Diagramme ist wirklich sehr schön gestaltet. Es gibt sehr viele Einstellungsmöglichkeiten, sei es Animationen oder auch Darstellungsoptionen.

amCharts gehört auch definitv zu den umfangreichsten  Tools.Hier jetzt alle Typen aufzulisten, wäre übertrieben, da es ca. 20 Stück sind. Um amCharts kommerziell nutzen zu können, muss man eine Lizenz erwerben!

Weitere Diagramme/Graphen

Hier noch ein paar Chart Tools, die ich nicht weiter vorstellen möchte:

ProtoChart - Charts für Prototype
pChart - Eine PHP Chart Library

Social News / Bookmarks

RSS

Eine Antwort zu “Daten visualisieren mit Diagramme/Graphen”

  • Benni schrieb am 08. Oktober 2008 um 22:09 Uhr:

    Wow, den Google-Dienst kannte ich noch gar nicht.
    Da bedanke ich mich doch mal ganz brav und artig. :)

Hinterlasse eine Antwort

XHTML: Folgende Tags sind erlaubt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>