The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility Get started

Getting started D3 works in any JavaScript environment. Try D3 online The fastest way to get started (and get help) with D3 is on Observable! D3 is available by default in notebooks as part of …

What is D3? D3 (or D3.js) is a free, open-source JavaScript library for visualizing data. Its low-level approach built on web standards offers unparalleled flexibility in authoring dynamic, data-driven …

The JavaScript library for bespoke data visualizationExamples · The tree layout produces tidy node-link diagrams of trees using the Reingold–Tilford “tidy” algorithm, improved to run in linear time by …

A good hierarchical visualization facilitates rapid multiscale inference: micro-observations of individual elements and macro-observations of large groups. This module implements several popular …

A quadtree recursively partitions two-dimensional space into squares, dividing each square into four equally-sized squares. Each distinct point exists in a unique leaf node; coincident points are …

The JavaScript library for bespoke data visualizationTreemap Examples · Introduced by Ben Shneiderman in 1991, a treemap recursively subdivides area into rectangles according to each …

In some cases, JavaScript may coerce strings to numbers for you automatically (for example, using the + operator), but better is to specify a row conversion function. See d3.autoType for a convenient row …

The JavaScript library for bespoke data visualizationd3-scale Scales map a dimension of abstract data to a visual representation. Although most often used for encoding data as position, say to map time …

The JavaScript library for bespoke data visualizationpath.arcTo (x1, y1, x2, y2, radius) Source · Draws a circular arc segment with the specified radius that starts tangent to the line between the current point …