Datenvisualisierung mit Python und JavaScript, 2.

Kapitel 17. Einführung in D3 - Die Geschichte eines Balkendiagramms

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

In Kapitel 16 haben wir uns unsere Nobelpreisvisualisierung vorgestellt, indem wir sie in einzelne Elemente zerlegt haben. In diesem Kapitel führe ich dich behutsam an D3 heran, indem ich dir zeige, wie du das Balkendiagramm erstellst, das wir brauchen(Abbildung 17-1).

Abbildung 17-1. Das Ziel-Balkendiagramm dieses Kapitels

D3 ist viel mehr als eine Charting-Bibliothek. Es ist eine Bibliothek, mit der du unter anderem auch Diagrammbibliotheken erstellen kannst. Warum stelle ich dir D3 also anhand einer ultra-konventionellen Visualisierung vor: dem Balkendiagramm? Erstens, weil es aufregend ist, zum ersten Mal ein solches Diagramm von Grund auf zu erstellen, die volle Kontrolle über das Aussehen des Diagramms zu haben und sich nicht von den Vorurteilen einer bestimmten Diagrammbibliothek einschränken zu lassen. Und zweitens, weil es eine gute Möglichkeit ist, die grundlegenden Elemente von D3 kennenzulernen, vor allem das Verbinden von Daten und das Aktualisierungsmuster "enter-exit-remove", das jetzt in der neuen join Methode von D3 gut gekapselt ist. Wenn du diese Grundlagen beherrschst, bist du auf dem besten Weg, die volle Leistungsfähigkeit und Ausdruckskraft von D3 zu nutzen ...