Quelle: Bild: https://d3js.org/
Data-Driven Documents mit D3.js 13.08.2020, 08:13 Uhr

Der Diagrammkönig

Wer die Besucher seiner Webseite mit dynamischen interaktiven Diagrammen beeindrucken will, sollte sich mit Data-Driven Documents (D3) beschäftigen.
D3.js ist eine JavaScript-Bibliothek um DOM-Elemente in Webseiten gesteuert durch Datensätze beispielsweise aus CSV- oder JSON-formatieren Daten zu verändern. Dadurch ergeben sich in Verbindung mit den Webtechnologien HTML5, SVG und CSS Möglichkeiten sogar dynamische und interaktive Diagramme im Webbrowser darzustellen ohne sich an ein proprietäres Framework zu binden. Die Bibliothek kann über die folgende Anweisung in das HTML-Dokument eingebunden werden:
 

<script src="https://d3js.org/d3.v5.min.js"></script>

 

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar