# 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 * [Introduction](https://observablehq.com/@d3/learn-d3) * [API Reference](https://github.com/d3/d3/blob/main/API.md) * [Releases](https://github.com/d3/d3/releases) * [Examples](https://observablehq.com/@d3/gallery) * [Wiki](https://github.com/d3/d3/wiki) ## Installing If you use npm, `npm install d3`. You can also download the [latest release on GitHub](https://github.com/d3/d3/releases/latest). For vanilla HTML in modern browsers, import D3 from jsDelivr: ```html ``` For legacy environments, you can load D3’s UMD bundle from an npm-based CDN such as jsDelivr; a `d3` global is exported: ```html ``` You can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection): ```html ``` D3 is written using [ES2015 modules](http://www.2ality.com/2014/09/es6-modules-final.html). 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: ```js import {scaleLinear} from "d3-scale"; ``` Or import everything into a namespace (here, `d3`): ```js import * as d3 from "d3"; ``` Or using dynamic import: ```js const d3 = await import("d3"); ``` You can also import individual modules and combine them into a `d3` object using [Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign): ```js const d3 = await Promise.all([ import("d3-format"), import("d3-geo"), import("d3-geo-projection") ]).then(d3 => Object.assign({}, ...d3)); ```

	Stars	Issues	Version	Updated	Created
cytoscape	9,001	9	3.23.0	6 months ago	10 years ago
d3	104,743	5	7.8.2	2 months ago	12 years ago
graphology	885	78	0.25.1	5 months ago	7 years ago
mxgraph	6,520	0	4.2.2	2 years ago	6 years ago
sigma	10,487	39	2.4.0	5 months ago	9 years ago

cytoscape vs d3 vs graphology vs mxgraph vs sigma

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past