Create, update, and animate the DOM based on data without the overhead of a virtual DOM. Scales and axes Encode abstract data into visual values such as position, size, and color.

Or upload a CSV or JSON file to start playing with your data. You can also fork any of the hundreds of notebooks we’ve published for a head start. Observable is free for public use.

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 graphics.

As with other aspects of D3, these shapes are driven by data: each shape generator exposes accessors that control how the input data are mapped to a visual representation. For example, …

The JavaScript library for bespoke data visualization. Examples · The cluster layout produces dendrograms: node-link diagrams that place leaf nodes of the tree at the same …

The JavaScript library for bespoke data visualization. Source · Renders the cell with the specified index i to the specified context.The specified context must implement the context.moveTo , …

pie(data, ...arguments) Source · Generates a pie for the given array of data, returning an array of objects representing each datum’s arc angles. For example, given a set of numbers, here is …

The separation accessor is used to separate neighboring nodes. The separation function is passed two nodes a and b, and must return the desired separation.The nodes are typically …

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

The JavaScript library for bespoke data visualization. Contour polygons . For each threshold value, the contour generator constructs a GeoJSON MultiPolygon geometry object …