📊 D3

D3 is a low-level data visualisation library by Observable.

• NPM package (Type definition package if you are using ⌨️ TypeScript)
• ISC License (🧑‍⚖️ Software Licenses)

D3 stands for “Data-Driven Documents”.

Tutorials

• D3 in Depth: a great tutorial for understanding the basics of D3. Chapters on selections and data joins are especially recommended if this is the first time working with D3.
• Getting Started Official Documentation
• Learn D3: Interaction
• Object Constancy: visually tracking data points through a transition

Hierarchical Layouts

• Zoomable Circle Packing

Stratify

Data isn’t preserved when using stratify().path(). If a hierarchical structure is to be made from paths, it’s required to manually create the hierarchy using stratify.id() and stratify.parentId()

Graphs

• Disjoint force-directed graph
• Notebook with different types of graph visualisations

Force Simulation

• 💪 D3 Force Simulation goes deeper into an example of force simulation using strong types.