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

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.

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 Observable’s …

The JavaScript library for bespoke data visualization. d3-shape . Visualizations can be represented by discrete graphical marks such as symbols, arcs, lines, and areas.While the …

d3-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 and temperature to a horizontal and …

Joining data - joining data to selected elements for visualization. Handling events - declaring event listeners for interaction. Control flow - iterating over selected elements. Local variables - …

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 , …

The JavaScript library for bespoke data visualization. The data comparator takes two arguments a and b, each elements from the input data array.If the arc for a should be before the arc for b, …

It uses direct manipulation: click-and-drag to pan (translate), spin the wheel to zoom (scale), or pinch with touch. Panning and zooming are widely used in web-based mapping, but can also …

Lines also appear in many other visualization types, such as the links in hierarchical edge bundling. See also radial lines. line(x, y) Source · Constructs a new line generator with the …