D3.js

What D3.js is

D3.js is a free, open-source JavaScript library for creating dynamic visualizations from data. Its modules provide selections and transitions, scales and axes, shapes, interactions, layouts, geographic maps, data parsing, formatting, and statistics. The 30 discrete modules can be used independently or bundled together, and D3 works directly with web standards such as SVG and Canvas. It accepts CSV and JSON data and can be paired with React, Vue, and Svelte. Developers can load it from a CDN, install it through npm-compatible package managers, or download a local bundle for offline use; it works in any JavaScript environment. D3 has no built-in chart abstraction or default presentation, so users compose primitives and write the visualization themselves. Its data join separates enter, update, and exit operations, allowing elements to react to data changes and animate between states. The maker recommends it for bespoke visualizations requiring expressiveness and control, while noting that even a basic chart may take a few dozen lines of code and that it may be excessive for a private dashboard or one-off analysis. The DSV parser uses dynamic code generation and requires `unsafe-eval` in the Content Security Policy `script-src` directive. The community recommends GitHub Discussions for support.

Who it suits

D3.js suits developers building bespoke, data-driven visualizations who want to control how they are composed. It may be a poor fit for a quick one-off chart or private dashboard if writing visualization code is more work than needed.

Limits

D3 is free and open source, but it does not provide a chart abstraction or default presentation. The DSV parser requires unsafe-eval in the Content Security Policy script-src directive.

Getting started

1. Open the D3.js website
2. Load D3 from a CDN
3. Install it with an npm-compatible package manager
4. Download a local bundle for offline use
5. Choose modules for selections, scales, shapes, layouts, or other needs
6. Pair D3 with React, Vue, or Svelte if required

Verdict

D3.js provides flexible building blocks rather than ready-made chart designs, making it suited to custom visualizations.