Built by Observable D3 is developed by Observable, the platform for collaborative data analysis.

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 …

This module implements several popular techniques for visualizing hierarchical data: Node-link diagrams show topology using discrete marks for nodes and links, such as a circle for each node and a line …

D3 uses spherical GeoJSON to represent geographic features in JavaScript. D3 supports a wide variety of common and unusual map projections. And because D3 uses spherical geometry to represent …

path.rect - draw a rectangle. path.toString - serialize to an SVG path data string. d3.pathRound - create a new path serializer with fixed output precision. d3-polygon Geometric operations for two …

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

Visualizations can be represented by discrete graphical marks such as symbols, arcs, lines, and areas. While the rectangles of a bar chart may sometimes be simple, other shapes are complex, such as …

The JavaScript library for bespoke data visualization Note that due to the limited precision of IEEE 754 floating point, the returned value may not be exact decimals; use d3-format to format numbers for …

Although most often used for encoding data as position, say to map time and temperature to a horizontal and vertical position in a scatterplot, scales can represent virtually any visual encoding, such as …