D3 im Detail

 (d3indepth.com)
4 Punkte von GN⁺ 2024-05-18 | 1 Kommentare | Auf WhatsApp teilen

D3 in Depth

D3 in Depth behandelt D3 Version 6 und 7

  • Homepage: D3 in Depth ist eine Website, die die neuesten Versionen 6 und 7 von D3.js behandelt.
  • Einführung: Diese Website bietet tiefgehende Inhalte zur Datenvisualisierung mit D3.js.
  • Newsletter: Über den Newsletter können Informationen zu Buchrabatten sowie Neuigkeiten und Tipps rund um D3.js bezogen werden.

Bücher und Kurse

  • Visualising Data with JavaScript: Vermittelt, wie man mit Chart.js, Leaflet, D3 und React Diagramme, Dashboards und Data Stories erstellt.
    • „Eines der besten D3-Bücher, die ich gelesen habe. Der Inhalt ist sehr klar, leicht nachzuvollziehen und die Konzepte sind äußerst fundiert.“ - Javier García Fernández
  • Benutzerdefinierte Datenvisualisierung: Hier kann man lernen, wie man mit D3.js benutzerdefinierte Datenvisualisierungen erstellt.
  • Grundlagen lernen: Hier kann man die Grundlagen von HTML, SVG, CSS und JavaScript lernen, um Datenvisualisierungen im Web zu erstellen.

Inhaltsverzeichnis

  • Einführung in D3
  • Erste Schritte
  • Selections
  • Data Joins
  • Enter, Exit & Update
  • Scale Functions
  • Shapes
  • Axes
  • Hierarchien
  • Chord Diagrams
  • Force Layout
  • Karten
  • Data Requests
  • Transitions
  • Picking, Dragging and Brushing
  • Zoom & Pan

Newsletter

  • Abonnieren: Informationen zu Buchrabatten sowie Neuigkeiten und Tipps rund um D3.js erhalten.

Urheberrecht

  • © Peter Cook 2023

Meinung von GN⁺

  • Bedeutung von D3.js: D3.js ist eine Bibliothek für Datenvisualisierung und sehr nützlich, um komplexe Daten visuell darzustellen. Besonders beim Umgang mit großen Datensätzen ist es ein leistungsstarkes Werkzeug.
  • Lernkurve: D3.js ist leistungsstark, kann aber eine steile Lernkurve haben. Diese Website bietet nützliche Materialien für Einsteiger ebenso wie für fortgeschrittene Nutzer.
  • Integration mit verschiedenen Tools: Man kann lernen, wie sich D3.js mit anderen Tools wie Chart.js, Leaflet und React integrieren lässt, sodass es in verschiedenen Projekten eingesetzt werden kann.
  • Praxisorientierung: Diese Website ist praxisorientiert aufgebaut, sodass man Wissen erwerben kann, das sich direkt in realen Projekten anwenden lässt.
  • Überlegungen bei der Technologiewahl: Bei der Entscheidung für D3.js sollten die Komplexität des Projekts, das technische Niveau des Teams und die Wartbarkeit berücksichtigt werden. D3.js ist leistungsstark, kann für einfache Visualisierungen aber auch überdimensioniert sein.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-05-18
Hacker-News-Meinungen

Zusammenfassung ausgewählter Hacker-News-Kommentare

  • Einführung in Observable Plot und Observable Framework

    • Wenn du dich für Datenvisualisierung mit D3 interessierst, lohnt es sich, Observable Plot anzusehen, das Komfort auf höherer Abstraktionsebene bietet.
    • Observable Framework ist ein Static-Site-Generator, der Plot, D3 und verschiedene Bibliotheken unterstützt und mit dem sich Visualisierungs-Dashboards erstellen lassen.
    • Observable Plot
    • Observable Framework

  • Die Schwierigkeit bei der Nutzung von D3

    • Auch mit viel Erfahrung in D3 fühlt es sich nach einigen Jahren Pause bei der Rückkehr so an, als wäre die Dokumentation verwirrend und man müsse wieder ganz von vorne anfangen.
    • Die D3-Dokumentation zu verstehen ist schwieriger, als ein Mathematikproblem zu lösen.

  • Der Wert, D3 zu lernen

    • Auch wenn man D3 nicht professionell nutzt, lohnt es sich, es zu lernen.
    • Man kann verstehen, wie sich die Projektion von Daten von den eigentlichen Daten unterscheidet und wie man diese skaliert.
    • Das ist auch für Datenvisualisierung in anderen Umgebungen als dem Web nützlich.

  • Die Entwicklung von D3.js und moderne Alternativen

    • Es wurden viele Projekte mit D3.js umgesetzt, aber inzwischen wirkt es veraltet.
    • Der Wechsel zu modernen Frameworks wie Vue 3 und TypeScript hat stattgefunden, dennoch bleibt Dankbarkeit für die guten Praktiken, die D3.js vermittelt hat.

  • Alternativen wie VisX

    • Es ist sinnvoll, nach dem Erlernen von D3 zu strukturierteren Tools wie VisX zu wechseln.
    • D3 und jQuery neigen leicht zu Spaghetti-Code.

  • Grammar of Graphics und ggplot2

    • D3 ist von Wilkinsons Grammar of Graphics inspiriert.
    • Auch ggplot2 in der Sprache R basiert auf derselben Inspiration und bietet eine knappere und funktionalere Schnittstelle.

  • Probleme mit Force-Directed-Graphs

    • Die Force-Directed-Graph-Beispiele von D3 sind beliebt, aber sobald die Zahl der Nodes und Edges steigt, wird das Layout unübersichtlich.
    • Möglicherweise ist eine 3D-Visualisierung nötig.

  • Nützliche D3-Ressourcen

    • Es gab eine einzige Ressource, die wirklich beim Verständnis von D3 geholfen hat.
    • Der Autor reagiert schnell und ist hilfreich.

  • Einführung in Vega

  • Die Komplexität der D3-Syntax

    • Mit D3 erstellte Visualisierungen sind gut, aber die Syntax ist zu komplex und veraltet.
    • Es ist gut, dass sich der Bereich in Richtung deklarativerer Ansätze bewegt.