AJAX

Scripts für Online Diagramme

23. Oktober 2007
von

Charts kommen immer dann zum Einsatz wenn Zahlen und Statistiken grafisch aufbereitet werden sollen. Das ist übersichtlicher, leichter zu erfassen und auch reizvoller als Tabellen. Die Punkt-, Linien-, Säulen-, Balken-, oder Netzdiagramme (es gibt viel mehr) können in Handarbeit mit einem Grafikprogramm gezeichnet werden oder in einer Spezialsoftware entwickelt werden.

Die hilft aber nicht weiter wenn Daten aktiv dargestellt werden sollen oder sogar live vom Server kommen. Hier braucht es eine entsprechende Installation. Der Markt bietet je nach Anspruch unterschiedliche Lösungen an. Die meisten davon setzen zur Anzeige der Diagramme auf Flash, das hier deutliche Vorteile im Vergleich zu einer starren Grafik bietet. Serverseitig kommen übliche Verdächtige zum Einsatz, zumeist PHP und ASP. Preislich gehen die Angebote auseinander, wer nicht will, muss nichts ausgeben.

Wer Ajax- oder Javascript Frameworks einsetzt, braucht die extra Scripts wohlmöglich gar nicht. Einige Pakete wie wie jQuery oder Dojo beherrschen bereits alles was man braucht. Neben den Online Scripts für den eigenen Server sollen weiter unten auch CSS und Online Generatoren nicht unerwähnt bleiben.

FusionCharts Free

am 1 foto

fusioncharts 2 foto

Open Flash Chart
Ein Open-Source Projekt. Kosten für Scripts entstehen keine. Kennt Bar-, Pie- and Liniendiagramme in verschiedenen Ausführungen. Verwendet werden Flash und PHP. Daten können über eine einfache .txt Datei beigesteuert werden. Download über sourceforge.net. Das Paket (322 MB) enthält diverse Testdateien.

openflash foto

openflash 2 foto

AnyChart Flash Chart Component

anycharts 3 foto

anycharts 2 foto

Libchart

libchart foto

amCharts
Flash muss man weder besitzen noch beherrschen wenn man den amCharts anvertraut. Es gibt 4 Sets mit vordefinierten Torten-, Balken-, Kreis- und Liniendiagrammen. Daten und Einstellungen können über eine Text-Datei verändert werden. Die amCharts sind Linkware. Heißt, sie dürfen kostenlos verwendet werden, zeigen aber einen Link zum Urheber. Wer das nicht möchte, muss eine Lizenz erwerben – die komplette Angelegenheit kostet dann 85 Euro.

am 1 foto

am 2 foto

am 3 foto

Image_Graph

image graph 1 foto

misc06 1.4 foto

JpGraph

XML/SWF Charts
Prosaisch PHP/SWF Charts betitelt sich eine spannendes, kleines Script. Es setzt Zahlenmaterial, gern auch dynamisch, in lebendige Flashdiagramme um. Säulen, Kreise, Balken, gern auch in 3D. PHP 4 auf dem Server ist Voraussetzung, mehr braucht es nicht. Das Script ist zwar kostenfrei, kommt aber nicht ohne einen kommerziellen Haken aus. Sämtliche Diagramme werden verlinkt, es sei denn man registriert das Script gegen eine Spende.

xml swf charts foto

Emprise JavaScript Charts

emprise2 foto

PlotKit – Javascript Chart Plotting

plotkit foto

Plotr

Flash Charts Pro

flashpro foto

Swiff Chart Generator

Rich Chart Server for .NET

richchart foto

.netCHARTING

netcharting foto

CSS Styling

Techniken und Ideen um einfache Diagramme selbst mit CSS und HTML darzustellen. Diese Praxis kann mit den ausgewachsenen Flash Lösungen natürlich nicht mithalten.

Online Services und Generatoren

Ohne Installation von Scripts oder Software geht es auch. Dass Diagramme keine ganz triviale Angelegenheit sind merkt man wenn es an die Dateneingabe geht. Für einen Generator muss man doch recht viel klicken und eingeben.

  • Rich Chart Live
    Diverse Templates und Styles – im Bild Watercolor Pie. Ausgabe als Flash- oder Powerpointdatei oder zum direkten Einbinden etwa in ein Blog.

    watercolorpie foto

  • FusionCharts Google Gadget
    Die Online-Version der Fusioncharts

    googlefusion foto

  • Create a Graph
    von der Aufmachung her eigentlich für Kinder gedacht. Daran muss man sich aber nicht stören. Die Charts werden nach Nutzereingaben frisch generiert. Die Möglichkeiten sind recht vielfältig. Flash erforderlich.

    createagraph foto

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

2 Kommentare zu „Scripts für Online Diagramme

  1. maho am 4. September 2009 um 15:24

    Sehr nützliche Zusammenstellung!

  2. Georg am 12. Mai 2010 um 16:33

    Danke. Noch ein flash script hier: FlyCharts.

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*