Daten im Web präsentieren: Diagramme erstellen mit JavaScript-Frameworks
Ein Diagramm sagt oft mehr als tausend Worte – gerade im Web sind sie darum unverzichtbar. Wir stellen JavaScript-Frameworks zum Erstellen von Diagrammen vor.
(Bild: oml)
- Tam Hanna
Das Internet ist voller komplexen Informationen und der durchschnittliche User hat kaum die Zeit, auch nur einen kleinen Bruchteil davon zu erfassen. Ziel sollte darum sein, ihm das Aufnehmen von Informationen möglichst einfach zu machen. Statt ihm also Bleiwüsten um die Ohren zu hauen, helfen anschauliche und gut aufbereitete Diagramme.
Dieser Artikel thematisiert zwei Bibliotheken, mit deren Hilfe Sie auch umfangreiches Datenmaterial anschaulich visualisieren. Während es sich bei HighCharts (Download) um ein kommerzielles Produkt handelt (ab 550 US-Dollar), das eine umfangreiche Erweiterungspalette anbietet, ist D3.js (Download) ein kostenfreies Open-Source-Produkt unter BSD-Lizenz. HighCharts vertritt das Genre der gewöhnlichen Diagramm-Bibliotheken, während D3.js mehr ein SVG-Renderer ist, der Entwicklern ein Werkzeug zur Realisierung eigener Diagramme in die Hand gibt.
Als Einstieg in die Arbeit mit HighCharts erstellen Sie mit unserer Anleitung ein Liniendiagramm, bevor Sie einen kleinen Ausflug in die Finanzwelt unternehmen und mit einem Candlestick-Chart Preisbewegungen darstellen. Anschließend stellen wir die Arbeit mit D3.js anhand kleiner Experimente vor, bevor Sie sich auch hier ein Liniendiagramm vornehmen.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Günstiges Display samt Einplatinencomputer für Bastelanfänger im Kurztest
Eigene Domain für zu Hause: Reverse-Proxy auf dem Raspberry Pi einrichten
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Statt Passwörter: Wie Sie Accounts mit Passkeys schützen
High-End-Smartphones im Kameravergleich: Wettkampf um die beste Bildqualität
Prepaid, Debit, Credit: Wie Sie die passende Kreditkarte finden
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Günstiges Display samt Einplatinencomputer für Bastelanfänger im Kurztest
Eigene Domain für zu Hause: Reverse-Proxy auf dem Raspberry Pi einrichten
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Statt Passwörter: Wie Sie Accounts mit Passkeys schützen
High-End-Smartphones im Kameravergleich: Wettkampf um die beste Bildqualität