WP File Manager
Current Path:
/
home
/
argothem
/
www
/
organecyberpresse
/
plugins-dist
/
statistiques
/
lib
/
d3
/
Name
Action
..
API.md
Edit
CHANGES.md
Edit
LICENSE
Edit
README.md
Edit
d3.js
Edit
d3.min.js
Edit
time-format
Editing: README.md
# D3: Data-Driven Documents <a href="https://d3js.org"><img src="https://d3js.org/logo.svg" align="left" hspace="10" vspace="6"></a> **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/master/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 Skypack: ```html <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: ```html <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](https://github.com/d3/d3-selection): ```html <script type="module"> import {selectAll} from "https://cdn.skypack.dev/d3-selection@3"; const div = selectAll("div"); </script> ``` 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)); ```