D3.js - Data Handling Basics

Aus Wikizone
Wechseln zu: Navigation, Suche

Data Joins

https://www.d3indepth.com/datajoins/

D3.js kann Daten mit Knoten im Dom verbinden (join). Durch diese enge Verbindung von grafischen HTML Elementen und den Daten wird die Darstellung sehr effizient.

Hat man 3 Daten, kann man diese z.B. mit 3 Divs verarbeiten.

Dazu gibt es die Funktionen Enter und Exit, die fehlende oder überschüssige Knoten hinzufügen / entfernen.

Datenformate

Enter / Exit Funktion

https://www.d3indepth.com/enterexit/