정보실

웹학교

정보실

javascript 브라우저에서 차트를 작성하여 브라우저에서 데이터 시각화(Charting library)

본문

D3 : SVG, Canvas 및 HTML을 사용하여 데이터에 활력을 불어 넣으십시오.  https://d3js.org/

Chart.jshttp://www.chartjs.org/

Echarts : 브라우저를 위한 강력한 대화 형 차트 및 시각화 라이브러리  http://echarts.baidu.com/

Mermaid : markdown과 유사한 방식으로 텍스트에서 다이어그램 및 순서도 생성  http://knsv.github.io/mermaid/

Frappé Charts : SVG Charts는 의존성이 없으며 반응이 빠르고 간단합니다.  https://frappe.io/charts

ChartistJS : 간단한 응답 차트  http://gionkunz.github.io/chartist-js/

Recharts : React와 D3로 제작 된 재정의 된 차트 라이브러리  http://recharts.org/

plotly.js : 플롯에 힘을 실어주는 오픈 소스 자바 스크립트 그래프 라이브러리  https://plot.ly/javascript/

sigma.js : 그래프 그리기 전용 자바 스크립트 라이브러리  http://sigmajs.org/

C3.js : D3 기반 재사용 가능한 차트 라이브러리  http://c3js.org/

Highcharts : Highcharts JS, JavaScript 차트 작성 프레임 워크  http://www.highcharts.com/

MetricsGraphics.js : 간결하고 원칙이 있는 데이터 그래픽 및 레이아웃에 최적화 된 라이브러리입니다. http://metricsgraphicsjs.org/

Morris.js : 예쁜 시계열 선 그래프  http://morrisjs.github.com/morris.js/

NVD3 : d3.js로 작성된 재사용 가능한 차트 라이브러리  http://nvd3.org/

Victory : 대화 형 데이터 시각화를 구현하기위한 구성 가능한 React 구성 요소 모음  http://formidable.com/open-source/victory/

dc.js : d3.js로 렌더링 된 크로스 필터로 기본적으로 작동하도록 만들어진 다차원 차트  https://github.com/dc-js/dc.js

Vega : 시각화 문법.  http://vega.github.io/vega

Sequence Diagrams : 다이어그램의 텍스트 표현에서 간단한 SVG 시퀀스 다이어그램을 그립니다.  https://bramp.github.io/js-sequence-diagrams/

Flot : jQuery를위한 매력적인 자바 스크립트 차트 http://www.flotcharts.org/

flowchart.js : 다이어그램의 텍스트 표현에서 간단한 SVG 흐름도를 그립니다.  http://flowchart.js.org/

F2 : 모바일 용 고급 인터랙티브 및 유연한 차트 라이브러리.  https://antv.alipay.com/zh-cn/f2/3.x/index.html

vx : React + d3 = vx | 시각화 구성 요소  https://vx-demo.now.sh/ 

Epoch : 범용 실시간 시각화 라이브러리.  http://epochjs.github.io/epoch

cytoscape.js : 시각화 및 분석을위한 그래프 이론 (네트워크) 라이브러리  http://js.cytoscape.org/

react-vis : 데이터 시각화 구성 요소 https://uber.github.io/react-vis

Peityhttp://benpickles.github.io/peity

ApexCharts : 대화식 및 현대 SVG 차트  https://apexcharts.com/

ToastUI Chart : 데이터 시각화를위한 아름다운 차트.  http://ui.toast.com/tui-chart/

Britecharts : 놀라운 시각적 효과를 창출하면서 함께 구성 할 수있는 차트와 구성 요소를 쉽고 직관적으로 사용할 수있는 D3.js v5 기반의 클라이언트 측 재사용 가능한 차트 라이브러리.  http://eventbrite.github.io/britecharts/

G6 : JavaScript의 그래프 시각화 프레임 워크  https://antv.alipay.com/zh-cn/g6/1.x/index.html

billboard.js : 재사용 가능한 쉬운 인터페이스 D3 v4 기반의 JavaScript 차트 라이브러리 +  https://naver.github.io/billboard.js/

BizCharts : G2 및 React에 기반한 강력한 데이터 시각화 라이브러리.  http://bizcharts.net/products/bizCharts

Nivo : nivo는 멋진 d3 및 Reactjs 라이브러리 위에 구축 된 풍부한 데이터 세트 구성 요소를 제공합니다. http://nivo.rocks/

dygraphs : 자바 스크립트와 HTML 캔버스 태그를 사용하여 시계열의 인터랙티브 시각화  http://dygraphs.com/

Plottable : D3에 구축 된 모듈 형 차트 구성 요소의 라이브러리  http://plottablejs.org/

React Trend : 간단하고 우아한 스파크 라인  https://unsplash.github.io/react-trend/

easy-pie-chart : 쉬운 원형 차트는 단일 값에 대해 단순한 애니메이션 원형 차트를 그리는 가벼운 플러그인입니다.  http://rendro.github.io/easy-pie-chart

TauCharts : D3 기반 데이터 중심 차트 라이브러리. 열정으로 디자인되었습니다. 융통성 있는.  https://www.taucharts.com/

Semiotic : React와 D3를 결합한 데이터 시각화 프레임 워크  https://emeeks.github.io/semiotic/

Markvis : markdown에서 시각화합니다.  https://markvis.js.org/

HTML Canvas Gauges : 순수 자바 스크립트와 HTML5 캔버스를 사용하여 고도로 구성 가능한 게이지의 작은 구현. 의존성 없음. 최소 코드 기반으로 인해 IoT 장치에 적합합니다.  https://canvas-gauges.com/

React Chartkick : 한 줄의 React로 아름다운 자바 스크립트 차트 만들기  https://www.chartkick.com/react

Gio.js : Three.js로 작성된 선언적 3D 지구본 데이터 시각화 라이브러리  http://giojs.org/

AnyChart : AnyChart는 훌륭한 API 및 문서를 갖춘 가볍고 강력한 JavaScript 차트 작성 솔루션입니다. 차트 유형과 고유 한 기능은 다양하며 라이브러리는 모든 개발 스택에서 쉽게 사용할 수 있습니다.  https://www.anychart.com/

Number Picture : 애니메이션으로 대화 형 시각화를 선언적으로 작성하기 위한 컴포넌트를 반응시킵니다.  https://potion.js.org/

reactchart : 기금 KIS React 기반 차트 라이브러리  https://fundkis.com/lab/react-chart





  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 188회 ]  작성일18-09-21 11:53

웹학교