Need help with d3?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

94.7K Stars 22.4K Forks BSD 3-Clause "New" or "Revised" License 4.3K Commits 7 Opened issues


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

Services available


Need anything else?

Contributors list

No Data

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.



If you use npm,

npm install d3
. Otherwise, download the latest release. The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from, CDNJS, or unpkg. For example:

For the minified version:

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

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,

import * as d3 from "d3";

In Node:

const d3 = require("d3");

You can also require individual modules and combine them into a

object using Object.assign:
const d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.