Datenvisualisierung mit Python und JavaScript, 2.

Kapitel 16. Aufbau einer Visualisierung

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

In Kapitel 15 haben wir die Ergebnisse unserer Pandas-Exploration des Nobelpreis-Datensatzes (siehe Kapitel 11) genutzt, um uns eine Visualisierung auszudenken. Abbildung 16-1 zeigt die Visualisierung, die wir uns vorgestellt haben, und in diesem Kapitel werden wir sehen, wie wir sie mit Hilfe von JavaScript und D3 erstellen können.

Abbildung 16-1. Unser Ziel, eine Nobelpreis-Visualisierung

Ich werde zeigen, wie die visuellen Elemente, die wir uns ausgedacht haben, kombiniert werden, um unseren frisch bereinigten und verarbeiteten Nobel-Datensatz in eine interaktive Web-Visualisierung zu verwandeln, die auf Knopfdruck auf Milliarden von Geräten verfügbar ist. Doch bevor wir ins Detail gehen, werfen wir einen Blick auf die Kernkomponenten einer modernen Webvisualisierung.

Präliminarien

Bevor wir mit dem Aufbau der Nobel-Visualisierung beginnen, sollten wir uns überlegen, welche Kernkomponenten wir verwenden und wie wir unsere Dateien organisieren wollen.

Kernkomponenten

Wie wir in "Eine einfache Seite mit Platzhaltern" gesehen haben , sind für den Aufbau einer modernen Webvisualisierung vier Schlüsselkomponenten erforderlich:

• Ein HTML-Skelett, an das wir unsere mit JavaScript erstellte Kreation hängen ...