>  기사  >  웹 프론트엔드  >  구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

青灯夜游
青灯夜游앞으로
2022-02-22 10:21:373097검색

이 글은 개발 효율성을 높이고 프로젝트를 더욱 생생하고 매력적으로 만들기 위해 다음 JavaScript 시각화 라이브러리를 여러분과 공유하고 싶습니다.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

데이터 시각화 데이터 시각화 도구 추천

R&D팀 내에서 회사 수준의 시각화 라이브러리/도구를 처음부터 구축하는 것은 비용, 능력 등에 관계없이 매우 낮습니다. ) 요약하자면, 오늘은 여러분의 참고를 위해 웹 방향의 기존 도구(구현 개요 및 기술 방향 포함) 몇 가지를 여러 가지 방법으로 추천합니다.

아래 링크는 모두 소스코드 저장소입니다.

Collect를 좋아하면 더 이상 데이터 시각화를 위한 라이브러리를 찾는 것에 대해 걱정할 필요가 없습니다.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • metrics-graphics - 시계열 데이터의 시각화 및 레이아웃에 최적화된 D3 기반 라이브러리입니다.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • Chart.js - 캔버스를 사용하는 간단한 HTML5 차트

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • paper.js - 벡터 그래픽 – HTML5 Canvas를 사용하여 JavaScript 및 브라우저로 포팅된 스크립트 제작자

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • fabric.js - SVG to Cnanvas(Canvas to SVG) 파서도 제공하는 JavaScript Canvas 라이브러리.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • raphael - JavaScript 벡터 그래픽 라이브러리

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • echarts - JavaScript는 풍부한 차트 및 시각화 라이브러리를 제공합니다.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • sigma.js - 专用于图形绘制的JavaScript库  Version1:canvas+svg Version2 : Webgl+canvas

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • visjs - 동적 브라우저 기반 데이터 시각화를 위한 여러 라이브러리. (아래 스크린샷은 네트워크입니다.)

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • two.js - 렌더러 독립적인 웹 2차원 그리기 API입니다.

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • dc.js - 다차원 차트는 d3

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • flot에 의해 렌더링된 교차 필터와 기본적으로 작동하도록 만들어진 js입니다. - jQuery 기반 JavaScript 차트.

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • nvd3 - d3용 재사용 가능한 다이어그램 및 차트 구성 요소 js를 구축하세요.

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • svg.js - SVG를 조작하고 애니메이션을 적용하기 위한 경량 라이브러리입니다.

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • dimple.js - d3에서 제공하는 간단한 비즈니스 분석 차트

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • epoch - 범용 실시간 차트 라이브러리

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • c3 - D3 기반 재사용 가능한 차트 라이브러리.

1구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • BabylonJS - HTML5 및 WebGL을 사용하여 3D 게임을 구축하기 위한 프레임워크입니다.

구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • recharts - React 및 D3를 사용하여 재정의된 차트 라이브러리입니다.

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • GraphicsJS - 직관적인 API를 갖춘 SVG/VML 기술 기반의 경량 JavaScript 그래픽 라이브러리입니다.

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • G2 - 그래픽 문법 이론을 기반으로 하는 시각화 기반 엔진 세트로, 기존 통계 차트와 시각적 그래픽 문법을 지향합니다.

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • G2Plot - 특정 확장 및 조합 기능을 갖춘 간단하고 사용하기 쉬운 통계 차트 라이브러리

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • Cytoscape.js - 완전한 기능을 갖춘 그래프 이론 라이브러리 .

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • cola.js - 제약 조건 기반 최적화 기술을 사용하여 HTML5 문서 및 다이어그램을 정렬하기 위한 라이브러리

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • jointjs - 정적 다이어그램 또는 완전 대화형 다이어그램 도구를 생성하기 위한 차트 라이브러리. (무료 및/유료 버전 포함)

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

  • vizzu - 애니메이션 데이터 시각화 및 데이터 스토리텔링을 위한 라이브러리입니다.

2구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)

------------------------------- ---- 네트워크 문제로 스크린샷이 없습니다--- ------------------------ ---

  • mxGraph - 대화형 그래프 및 차트 애플리케이션을 해당 공급업체가 지원하는 모든 주요 브라우저에서 빠르게 생성하고 실행할 수 있게 해주는 차트 라이브러리

  • Frappe Charts - GitHub에서 영감을 받은 간단하고 종속성이 전혀 없는 웹용 최신 SVG 차트

  • Frappe Gantt - 간단하고 대화형이며 현대적인 웹용 간트 차트 라이브러리.

  • heatmap.js - HTML5 기반 히트맵 JavaScript 라이브러리 캔버스.

  • jquery.sparkline - 브라우저에서 직접 작은 미니 차트를 생성하기 위한 jQuery JavaScript 라이브러리용 플러그인

  • d3-cloud - JavaScript로 단어 구름을 만듭니다.

다른 유료 products

amchart: https://www.amcharts.com/

anychart: https://www.anychart.com/

plotly: https://plotly.com/

highchart, : https:/ /www.highcharts.com/

라이트닝 차트: https://www.arction.com/lightningchart-js/

【관련 영상 튜토리얼 추천: web front-end

위 내용은 구토 피: 당신이 알아야 할 JavaScript 시각화 라이브러리(컬렉션)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제