Datenvisualisierung zum Anfassen

Kapitel 11. Chart.js und Highcharts Templates

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

In Kapitel 6 haben wir uns leistungsstarke Drag-and-Drop-Tools wie Google Sheets, Datawrapper und Tableau Public angesehen, um interaktive Diagramme zu erstellen.

In diesem Kapitel befassen wir uns mit der Erstellung interaktiver Diagramme mit zwei beliebten JavaScript-Bibliotheken, Chart.js und Highcharts. Da wir nicht erwarten, dass unsere Leser/innen JavaScript oder eine andere Programmiersprache beherrschen, haben wir Templates entwickelt, die du in dein GitHub-Konto kopieren, durch Datendateien ersetzen und im Internet veröffentlichen kannst, ohne eine einzige Codezeile zu schreiben. Für diejenigen unter euch, die neugierig auf Code sind, zeigen wir, wie der JavaScript-Code in diesen Vorlagen angepasst werden kann.

Warum sollte jemand JavaScript dem benutzerfreundlichen Datawrapper oder Tableau vorziehen, fragst du dich vielleicht? Nun, dafür gibt es einige Gründe. Auch wenn der JavaScript-Code zunächst überwältigend und einschüchternd erscheinen mag, ermöglicht er eine größere Anpassungsfähigkeit in Bezug auf Farben, Füllung, Interaktivität und Datenverarbeitung als die meisten Tools von Drittanbietern. Außerdem kannst du nie sicher sein, dass Anwendungen von Drittanbietern für immer kostenlos bleiben oder zumindest eine kostenlose Version haben, während Open-Source-Tools immer kostenlos bleiben, ...