d3

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

Latest version: 7.6.1 registry icon
Maintenance score
100
Safety score
100
Popularity score
100
Check your open source dependency risks. Get immediate insight about security, stability and licensing risks.
Security
  Vulnerabilities
Version Suggest Low Medium High
7.6.1 0 0 0 0
7.6.0 0 0 0 0
7.5.0 0 0 0 0
7.4.5 0 0 0 0
7.4.4 0 0 0 0
7.4.3 0 0 0 0
7.4.2 0 0 0 0
7.4.1 0 0 0 0
7.4.0 0 0 0 0
7.3.0 0 0 0 0
7.2.1 0 0 0 0
7.2.0 0 0 0 0
7.1.1 0 0 0 0
7.1.0 0 0 0 0
7.0.4 0 0 0 0
7.0.3 0 0 0 0
7.0.2 0 0 0 0
7.0.1 0 0 0 0
7.0.0 0 0 0 0
6.7.0 0 0 0 0
6.6.2 0 0 0 0
6.6.1 0 0 0 0
6.6.0 0 0 0 0
6.5.0 0 0 0 0
6.4.0 0 0 0 0
6.3.1 0 0 0 0
6.3.0 0 0 0 0
6.2.0 0 0 0 0
6.1.1 0 0 0 0
6.1.0 0 0 0 0
6.0.0 0 0 0 0
6.0.0-rc.4 0 0 0 0
6.0.0-rc.3 0 0 0 0
6.0.0-rc.2 0 0 0 0
6.0.0-rc.1 0 0 0 0
5.16.0 0 0 0 0
5.15.1 0 0 0 0
5.15.0 0 0 0 0
5.14.2 0 0 0 0
5.14.1 0 0 0 0
5.14.0 0 0 0 0
5.13.1 0 0 0 0
5.13.0 0 0 0 0
5.12.0 0 0 0 0
5.11.0 0 0 0 0
5.10.1 0 0 0 0
5.10.0 0 0 0 0
5.9.7 0 0 0 0
5.9.6 0 0 0 0
5.9.5 0 0 0 0
5.9.4 0 0 0 0
5.9.3 0 0 0 0
5.9.2 0 0 0 0
5.9.1 0 0 0 0
5.9.0 0 0 0 0
5.8.2 0 0 0 0
5.8.1 0 0 0 0
5.8.0 0 0 0 0
5.7.0 0 0 0 0
5.6.0 0 0 0 0
5.5.0 0 0 0 0
5.4.0 0 0 0 0
5.3.0 0 0 0 0
5.2.0 0 0 0 0
5.1.0 0 0 0 0
5.0.2 0 0 0 0
5.0.1 0 0 0 0
5.0.0 0 0 0 0
5.0.0-rc.4 0 0 0 0
5.0.0-rc.3 0 0 0 0
5.0.0-rc.2 0 0 0 0
5.0.0-rc.1 0 0 0 0
4.13.0 0 0 0 0
4.12.2 0 0 0 0
4.12.1 0 0 0 0
4.12.0 0 0 0 0
4.11.0 0 0 0 0
4.10.2 0 0 0 0
4.10.1 0 0 0 0
4.10.0 0 0 0 0
4.9.1 0 0 0 0
4.9.0 0 0 0 0
4.8.0 0 0 0 0
4.7.4 0 0 0 0
4.7.3 0 0 0 0
4.7.2 0 0 0 0
4.7.1 0 0 0 0
4.7.0 0 0 0 0
4.6.0 0 0 0 0
4.5.1 0 0 0 0
4.5.0 0 0 0 0
4.4.4 0 0 0 0
4.4.3 0 0 0 0
4.4.2 0 0 0 0
4.4.1 0 0 0 0
4.4.0 0 0 0 0
4.3.0 0 0 0 0
4.2.8 0 0 0 0
4.2.7 0 0 0 0
4.2.6 0 0 0 0
4.2.5 0 0 0 0
4.2.4 0 0 0 0
4.2.3 0 0 0 0
4.2.2 0 0 0 0
4.2.1 0 0 0 0
4.2.0 0 0 0 0
4.1.1 0 0 0 0
4.1.0 0 0 0 0
4.0.0 0 0 0 0
4.0.0-rc.2 0 0 0 0
4.0.0-rc.1 0 0 0 0
3.5.17 0 0 0 0
3.5.16 0 0 0 0
3.5.15 0 0 0 0
3.5.14 0 0 0 0
3.5.13 0 0 0 0
3.5.12 0 0 0 0
3.5.11 0 0 0 0
3.5.10 0 0 0 0
3.5.9 0 0 0 0
3.5.8 0 0 0 0
3.5.7 0 0 0 0
3.5.6 0 0 0 0
3.5.5 0 0 0 0
3.5.4 0 0 0 0
3.5.3 0 0 0 0
3.5.2 0 0 0 0
3.5.1 0 0 0 0
3.5.0 0 0 0 0
3.4.13 0 0 0 0
3.4.12 0 0 0 0
3.4.11 0 0 0 0
3.4.10 0 0 0 0
3.4.9 0 0 0 0
3.4.8 0 0 0 0
3.4.7 0 0 0 0
3.4.6 0 0 0 0
3.4.5 0 0 0 0
3.4.4 0 0 0 0
3.4.3 0 0 0 0
3.4.2 0 0 0 0
3.4.1 0 0 0 0
3.4.0 0 0 0 0
3.3.13 0 0 0 0
3.3.12 0 0 0 0
3.3.11 0 0 0 0
3.3.10 0 0 0 0
3.3.9 0 0 0 0
3.3.8 0 0 0 0
3.3.7 0 0 0 0
3.3.6 0 0 0 0
3.3.5 0 0 0 0
3.3.4 0 0 0 0
3.3.3 0 0 0 0
3.3.2 0 0 0 0
3.3.1 0 0 0 0
3.3.0 0 0 0 0
3.2.8 0 0 0 0
3.2.7 0 0 0 0
3.2.6 0 0 0 0
3.2.5 0 0 0 0
3.2.4 0 0 0 0
3.2.3 0 0 0 0
3.2.2 0 0 0 0
3.2.1 0 0 0 0
3.2.0 0 0 0 0
3.1.10 0 0 0 0
3.1.9 0 0 0 0
3.1.8 0 0 0 0
3.1.7 0 0 0 0
3.1.6 0 0 0 0
3.1.5 0 0 0 0
3.1.4 0 0 0 0
3.1.3 0 0 0 0
3.1.2 0 0 0 0
3.1.1 0 0 0 0
3.1.0 0 0 0 0
3.0.8 0 0 0 0
3.0.7 0 0 0 0
3.0.6 0 0 0 0
3.0.5 0 0 0 0
3.0.4 0 0 0 0
3.0.3 0 0 0 0
3.0.2 0 0 0 0
3.0.1 0 0 0 0
3.0.0 0 0 0 0
2.10.3 0 0 0 0
2.10.1 0 0 0 0
2.10.0 0 0 0 0
2.9.7 0 0 0 0
2.9.6 0 0 0 0
2.9.4 0 0 0 0
2.9.3 0 0 0 0
2.9.2 0 0 0 0
2.9.1 0 0 0 0
2.9.0 0 0 0 0
2.8.1 0 0 0 0
2.8.0 0 0 0 0
2.7.5 0 0 0 0
2.7.4 0 0 0 0
2.7.3 0 0 0 0
2.7.2 0 0 0 0
2.7.0 0 0 0 0
2.6.0 0 0 0 0
2.5.2 0 0 0 0
2.5.1 0 0 0 0
2.4.2 0 0 0 0
2.4.1 0 0 0 0
2.4.0 0 0 0 0
2.3.4 0 0 0 0
2.3.3 0 0 0 0
2.3.2 0 0 0 0
2.3.0 0 0 0 0
2.2.1 0 0 0 0
2.1.3 0 0 0 0
1.29.5 0 0 0 0

Stability
Latest release:

7.6.1 - this version is safe to use because it has no known security vulnerabilities at this time. Find out if your coding project uses this component and get notified of any reported security vulnerabilities with Meterian-X Open Source Security Platform

Licensing

Maintain your licence declarations and avoid unwanted licences to protect your IP the way you intended.

ISC   -   ISC License

Not a wildcard

Not proprietary

OSI Compliant



D3: Data-Driven Documents

D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

Resources

Installing

If you use npm, npm install d3. You can also download the latest release on GitHub. For vanilla HTML in modern browsers, import D3 from Skypack:

<script type="module">

import * as d3 from "https://cdn.skypack.dev/d3@7";

const div = d3.selectAll("div");

</script>

For legacy environments, you can load D3’s UMD bundle from an npm-based CDN such as jsDelivr; a d3 global is exported:

<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script>

const div = d3.selectAll("div");

</script>

You can also use the standalone D3 microlibraries. For example, d3-selection:

<script type="module">

import {selectAll} from "https://cdn.skypack.dev/d3-selection@3";

const div = selectAll("div");

</script>

D3 is written using ES2015 modules. Create a custom bundle using Rollup, Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:

import {scaleLinear} from "d3-scale";

Or import everything into a namespace (here, d3):

import * as d3 from "d3";

Or using dynamic import:

const d3 = await import("d3");

You can also import individual modules and combine them into a d3 object using Object.assign:

const d3 = await Promise.all([
  import("d3-format"),
  import("d3-geo"),
  import("d3-geo-projection")
]).then(d3 => Object.assign({}, ...d3));