인기 있는 데이터 시각화 라이브러리 (홈페이지)는 더 나은 대안을 위해 몇 가지 내부 종속성을 전환하고 내부적으로 ES2015 (일명 ES6)를 채택하고 이제 이벤트를 리스너에게 직접 전달하여 한 걸음 더 나아갑니다. 

전체 변경 목록. 기존 사용자를 위한 5.x에서 6.0으로의 이전 가이드도 있습니다.

https://github.com/d3/d3

SVG, Canvas 및 HTML로 데이터에 생명을 불어 넣으십시오. ???

https://d3js.org/

D3 (또는 D3.js)는 웹 표준을 사용하여 데이터를 시각화 하기 위한 JavaScript 라이브러리입니다. 

D3는 SVG, Canvas 및 HTML을 사용하여 데이터에 생명을 불어 넣는 데 도움이 됩니다. 

D3는 강력한 시각화 및 상호 작용 기술과 DOM 조작에 대한 데이터 기반 접근 방식을 결합하여 최신 브라우저의 모든 기능을 제공하고 데이터에 적합한 시각적 인터페이스를 자유롭게 설계 할 수 있습니다.

설치 

npm을 사용하는 경우 npm은 d3을 설치합니다. 그렇지 않으면 최신 릴리스를 다운로드하십시오. 

출시 된 번들은 익명 AMD, CommonJS 및 바닐라 환경을 지원합니다. d3js.org, CDNJS 또는 unpkg에서 직접 로드 할 수 있습니다. 예를 들면 :

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

축소 된 버전의 경우 :

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

독립형 D3 마이크로 라이브러리를 사용할 수도 있습니다. 예를 들어, d3-selection :

<script src="https://d3js.org/d3-selection.v2.js"></script>

D3는 ES2015 모듈을 사용하여 작성되었습니다. Rollup, Webpack 또는 선호하는 번들러를 사용하여 사용자 지정 번들을 생성합니다. D3를 ES2015 애플리케이션으로 가져 오려면 특정 D3 모듈에서 특정 심볼을 가져 오십시오.

import {scaleLinear} from "d3-scale";

또는 모든 것을 네임 스페이스 (여기서는 d3)로 가져옵니다.

import * as d3 from "d3";