d3
's direct dependencies. Data on all dependencies, including transitive ones, is available via CSV download.Name | Version | Size | License | Type | Vulnerabilities |
---|---|---|---|---|---|
d3-array | 3.2.4 | 37.48 kB | ISC | prod | |
d3-axis | 3.0.0 | 7.44 kB | ISC | prod | |
d3-brush | 3.0.0 | 13.89 kB | ISC | prod | |
d3-chord | 3.0.1 | 8.4 kB | ISC | prod | |
d3-color | 3.1.0 | 13.96 kB | ISC | prod | |
d3-contour | 4.0.2 | 11.28 kB | ISC | prod | |
d3-delaunay | 6.0.4 | 25.33 kB | ISC | prod | |
d3-dispatch | 3.0.1 | 4.89 kB | ISC | prod | |
d3-drag | 3.0.0 | 10.83 kB | ISC | prod | |
d3-dsv | 3.0.1 | 11.78 kB | ISC | prod | |
d3-ease | 3.0.1 | 7.66 kB | BSD-3-Clause | prod | |
d3-fetch | 3.0.1 | 4.62 kB | ISC | prod | |
d3-force | 3.0.0 | 18.74 kB | ISC | prod | |
d3-format | 3.1.0 | 14.48 kB | ISC | prod | |
d3-geo | 3.1.1 | 221.74 kB | ISC | prod | |
d3-hierarchy | 3.1.2 | 36.47 kB | ISC | prod | |
d3-interpolate | 3.0.1 | 17.62 kB | ISC | prod | |
d3-path | 3.1.0 | 5.62 kB | ISC | prod | |
d3-polygon | 3.0.1 | 4.76 kB | ISC | prod | |
d3-quadtree | 3.0.1 | 10.46 kB | ISC | prod | |
d3-random | 3.0.1 | 8.58 kB | ISC | prod | |
d3-scale-chromatic | 3.1.0 | 73.92 kB | ISC | prod | |
d3-scale | 4.0.2 | 32.41 kB | ISC | prod | |
d3-selection | 3.0.0 | 32.24 kB | ISC | prod peer | |
d3-shape | 3.2.0 | 50.19 kB | ISC | prod | |
d3-time-format | 4.1.0 | 20.89 kB | ISC | prod | |
d3-time | 3.1.0 | 13.23 kB | ISC | prod | |
d3-timer | 3.0.1 | 5.64 kB | ISC | prod | |
d3-transition | 3.0.1 | 22.44 kB | ISC | prod | |
d3-zoom | 3.0.0 | 17.68 kB | ISC | prod |
D3 or D3.js is a renowned JavaScript library engineered for data visualization. By capitalizing on web standards such as SVG, Canvas, and HTML, D3 facilitates an immersive data-to-life experience. D3's strength lies in its innovative combination of visualization and interaction techniques and a data-driven approach to DOM manipulation. It provides you with the full capabilities of modern browsers giving you the autonomy to design the perfect visual interface for your data.
D3 is remarkably easy to use. For instance, you can npm install D3 using npm install d3
. You can also import D3 from jsDelivr for vanilla HTML in modern browsers like so:
<script type="module">
import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
const div = d3.selectAll("div");
</script>
If you're working within a legacy environment, the D3βs UMD bundle can be loaded from an npm-based CDN (such as jsDelivr) where a d3
global is exported:
<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script>
const div = d3.selectAll("div");
</script>
For separate D3 microlibraries such as d3-selection, one can use the subsequent code:
<script type="module">
import {selectAll} from "https://cdn.jsdelivr.net/npm/d3-selection@3/+esm";
const div = selectAll("div");
</script>
In an ES2015 application, import specific symbols from specific D3 modules. You can import everything into a namespace (d3), or use dynamic import:
import {scaleLinear} from "d3-scale";
import * as d3 from "d3";
const d3 = await import("d3");
Additionally, you can import individual modules and incorporate 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));
The D3 documentation can be conveniently found here. It provides a robust API reference to assist users with their data visualization tasks, further supplemented by the Introduction, Releases, Examples, and Wiki resources.