D3 für die Ungeduldigen

Kapitel 3. Das Herzstück der Angelegenheit: Auswählen und Binden

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

D3 ist eine JavaScript-Bibliothek zur Manipulation des DOM-Baums, um Informationen visuell darzustellen. Damit unterscheidet sie sich von anderen Grafik- oder Plotting-Bibliotheken: Eine herkömmliche Grafikbibliothek arbeitet mit einer "Leinwand" und platziert Linien, Kreise und andere grafische Objekte direkt auf dieser Leinwand. Da D3 jedoch den DOM-Baum verwendet, um Informationen darzustellen, muss es neben der üblichen Verwaltung von Formen, Koordinaten, Farben usw. auch die Möglichkeit bieten, mit dem DOM-Baum zu arbeiten. Konkret muss es dem Benutzer ermöglichen:

1. Gib an, wo im DOM-Baum eine Änderung stattfinden soll und welche Elemente davon betroffen sind; der Benutzer muss einen Knoten (oder eine Gruppe von Knoten) auswählen können.

2. Verbinde einzelne Datensätze aus dem Datensatz mit bestimmten Elementen oder Knoten im DOM-Baum; ermögliche es dem Benutzer, einen Datensatz mit einer Auswahl von Knoten zu verbinden oder zu verknüpfen.

3. Ändere die Größe, Position und das Aussehen von DOM-Elementen entsprechend den Werten der mit ihnen verbundenen Daten.

Der erste und der letzte Punkt in dieser Liste sind gängige Aktivitäten in der modernen Webentwicklung, und Benutzer, die zum Beispiel mit der jQuery-Bibliothek vertraut sind, sollten sich hier ganz zu Hause fühlen. (Aber ...