웹 데이터 시각화 도구

• d3: HTML 및 SVG 시각화를 위한 JavaScript 라이브러리입니다. 공식홈페이지

• metrics-graphics: 더욱 간결하고 표준화된 데이터 차트 레이아웃 최적화 알고리즘을 갖춘 라이브러리입니다. 공식홈페이지

• pykcharts.js: d3.js의 복잡성을 제거하기 위해 세심하게 설계된 d3.js 차트 라이브러리입니다. 공식홈페이지

• three.js: JavaScript 3D 라이브러리. 공식홈페이지

• Chart.js: 캔버스 태그를 기반으로 하는 간단한 HTML5 차트 라이브러리입니다. 공식홈페이지

• paper.js: HTML5 Canvas를 사용하여 Scriptographer를 JavaScript 공식 웹사이트 및 브라우저로 포팅하는 벡터 그래픽 스크립트의 만능 칼입니다.

• fabric.js: JavaScript Canvas 라이브러리, SVG 및 Canvas는 서로 구문 분석할 수 있습니다. 공식홈페이지

• peity: 진행률 표시줄, 선 및 원형 차트. 공식홈페이지

• raphael: JavaScript 벡터 라이브러리. 공식홈페이지

• echarts: 상업용 제품 차트입니다. 공식홈페이지

• vis: 동적 브라우저 기반 시각화 라이브러리. 공식홈페이지

• two.js: 렌더러에 구애받지 않는 웹용 2D 드로잉 API입니다. 공식홈페이지

• g.raphael: Raphaël 차트 라이브러리를 기반으로 합니다. 공식홈페이지

• sigma.js: 그래픽 그리기 전용 JavaScript 라이브러리입니다. 공식홈페이지

• arbor: 웹 작업자와 jQuery를 사용하는 그래프 시각화 라이브러리입니다. 공식홈페이지

• cubism: 시계열 시각화를 위한 D3 플러그인. 공식홈페이지

• dc.js: 렌더링에 d3.js를 사용하여 크로스필터와 원활하게 작동하는 다차원 차트 그리기 라이브러리입니다. 공식홈페이지

• vega: 시각적 문법 세트. 공식홈페이지

• processing.js: Process.js를 사용하면 플러그인 없이도 웹 표준을 기반으로 데이터 시각화를 수행할 수 있습니다. 공식홈페이지

• envisionjs: 동적 HTML5 시각화. 공식홈페이지

• 인력거: 대화형 실시간 차트를 작성하기 위한 JavaScript 툴킷입니다. 공식홈페이지

• flot: 매력적인 jQuery 기반 JavaScript 차트 라이브러리입니다. 공식홈페이지

• morris.js: 아름다운 시계열 와이어프레임. 공식홈페이지

• nvd3: D3.js용 재사용 가능한 차트 및 차트 구성 요소를 작성하기 위한 라이브러리입니다. 공식홈페이지

• svg.js: SVG 애니메이션을 조작하고 추가하기 위한 경량 라이브러리입니다. 공식홈페이지

• heatmap.js: HTML5 캔버스를 기반으로 하는 히트맵 JavaScript 라이브러리입니다. 공식홈페이지

• jquery.sparkline: 브라우저 측에서 직접 작은 추세 차트를 생성하는 jQuery 플러그인입니다. 공식홈페이지

• xCharts: 사용자 정의 차트 및 그래프를 작성하기 위한 D3 기반 라이브러리입니다. 공식홈페이지

• trianglify: d3.js를 기반으로 하는 로우 폴리 스타일 배경 이미지 생성기입니다. 공식홈페이지

• d3-cloud: 워드 클라우드 효과를 만들기 위한 JavaScript 라이브러리입니다. 공식홈페이지

• d4: D3를 기반으로 하는 친숙하고 재사용 가능한 DSL 차트 라이브러리입니다. 공식홈페이지

• dimple.js: d3 기반의 간단한 비즈니스 분석 차트 라이브러리입니다. 공식홈페이지

• chartist-js: 간단한 반응형 차트. 공식홈페이지

• epoch: 일반 실시간 차트 라이브러리. 공식홈페이지

• c3: D3 기반의 재사용 가능한 차트 라이브러리입니다. 공식홈페이지

• BabylonJS: HTML5 및 WebGL을 사용하여 3D 게임을 구축하기 위한 프레임워크입니다. 공식홈페이지

• jquery.raty.js: 별표 평가 플러그인. 공식홈페이지

amchart,plotly,highchart와 같은 훌륭한 유료 라이브러리도 있습니다.

원본 주소: awesome-javascript-cn

json 매개변수를 전달하는 js 차트 생성 라이브러리인 highchart echart는 꽤 좋습니다

하이차트

echarts 그런데 만들려면 ID가 필요한 것 같습니다. .

구글 차트