D3.js

JavaScript

Working with data

The most powerful data visualization library for the web.

What it does

D3 (Data-Driven Documents) lets you bind data to SVG elements and create any chart or visualization imaginable. It's extremely flexible but also has a steep learning curve.

When to use it

Use this when you need a completely custom, data-driven visualization that Chart.js can't handle.

Real example

You want a custom animated bubble chart where bubble size represents revenue and color represents industry. Prompt: 'Use D3.js to create an SVG bubble chart. Bind the companies array to circle elements. Map revenue to radius using scaleSqrt, map industry to fill color using scaleOrdinal. Add a tooltip that shows company name on hover.'

Good to know

D3 is low-level — it's more like a toolkit than a chart library. For standard charts, Chart.js is much easier.

Alternatives

Chart.js

Install

$ npm install d3

Use cases

custom chartSVG visualizationinteractive datageographic map

Language

JavaScript

More in Working with data

Other tools in the same category

JS Chart.js

Simple, flexible charts for the web — bars, lines, pies, and more.

bar chartline chartpie chart

Python Pandas

The essential Python library for working with tabular data (like spreadsheets).

data analysisCSVspreadsheet