d3
    Overview
    Insights & Analysis
    Code
    Versions
    Find an Expert
    Documentation
    Playground
    Issues
    Career Opportunities
    Alternatives
    Dependencies

d3

Data-Driven Documents

5.10.0  •  Published 4 days ago  •  by Mike Bostock  •  BSD 3-Clause "New" or "Revised" License

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. Otherwise, download the latest release. The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from d3js.org, CDNJS, or unpkg. For example:

<script src="https://d3js.org/d3.v5.js"></script>

For the minified version:

<script src="https://d3js.org/d3.v5.min.js"></script>

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

<script src="https://d3js.org/d3-selection.v1.js"></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";

In Node:

var d3 = require("d3");

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

var d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));

Dependencies

d3-array  ·  d3-axis  ·  d3-brush  ·  d3-chord  ·  d3-collection  ·  d3-color  ·  d3-contour  ·  d3-dispatch  ·  d3-drag  ·  d3-dsv  ·  d3-ease  ·  d3-fetch  ·  d3-force  ·  d3-format  ·  d3-geo  ·  d3-hierarchy  ·  d3-interpolate  ·  d3-path  ·  d3-polygon  ·  d3-quadtree  ·  d3-random  ·  d3-scale  ·  d3-scale-chromatic  ·  d3-selection  ·  d3-shape  ·  d3-time  ·  d3-time-format  ·  d3-timer  ·  d3-transition  ·  d3-voronoi  ·  d3-zoom  ·  json2module  ·  rimraf  ·  rollup  ·  rollup-plugin-ascii  ·  rollup-plugin-node-resolve  ·  rollup-plugin-terser  ·  tape

Tags

dom
visualization
svg
animation
canvas
Avoid unsafe or low quality packages
Warn or block the installation of vulnerable, badly licensed, deprecated, outdated, unmaintained, or unpopular packages. Integrates with your npm and pre-commit/build scripts
Just $9/month per developer

Popularity

Weekly Downloads
763.6K
Stars
86.3K

Issues and PRs

Activity

Last ver 4 days ago
Created 8 years ago
Last commit 2 months ago
2 days between commits

Sustainability

60 contributors

Technology

Node version: 10.14.1
913.8K unpacked

Legal and Compliance

BSD 3-Clause "New" or "Revised" License
OSI Approved
0 vulnerabilities

Top Experts

Mike Bostock
Maintainer, 895 commits, 397 merges, 237 PRs
Works at observablehq
Jason Davies
36 commits, 6 merges, 328 PRs
ljani
7 commits
Dan Dascalescu
5 commits, 2 PRs
Works at Ex-Google, Blueseed, Yahoo!
Jonathan Huang
4 commits, 1 PRs
Works at Netflix
Curran Kelleher
4 commits, 2 PRs
Works at datavis-tech