Javascript Visualization

번역글: Popular open source JavaScript frameworks for data visualisation

D3.js

아마도 D3.js가이 분야에서 가장 인기있는 라이브러리 일 것입니다. 강력한 시각화 프레임 워크는 HTML5, SVG 및 CSS3의 기능을 사용하여 모든 종류의 동적 인 대화식 데이터 시각화를 생성합니다. D3은 다른 엄격한 차트 작성 솔루션에 비해 더 낮은 수준의 라이브러리이기 때문에 유사한 결과를 얻으려면 더 많은 상용구 코드가 필요합니다. 또한 최종 결과를보다 잘 제어 할 수 있습니다. 또한 데이터 시각화를위한 사실상의 표준 언어가되었습니다. 많은 도표 라이브러리가 D3 위에 구축됩니다.

Github : https://github.com/d3/d3
홈페이지 : http://d3js.org

Leaflet

Leaflet는 모바일 친화적 인 양방향지도를 만들기에 훌륭한 라이브러리입니다. 개발자는 단순함, 성능 (크기가 33 kB에 불과함) 및 많은 플러그인을 사용할 수 있다.

Github : https://github.com/Leaflet/Leaflet
홈페이지 : http://leafletjs.com

Dygraphs.js

Dygraphs는 인터랙티브하고 확대 가능한 시계열 차트를 생성하는 차트 라이브러리입니다. 사용자가 밀도 높은 데이터 세트를 탐색하고 해석하여 재무 데이터 시각화를위한 탁월한 선택이 가능합니다.

Github : https://github.com/danvk/dygraphs
홈페이지 : http://dygraphs.com

Processing.js

Processing.js는 전통적인 의미의 시각화 라이브러리가 아닙니다. 처리 언어로 작성된 코드를 HTML5 호환 브라우저에서 실행할 수 있도록 시각화 언어를 JavaScript로 처리하는 라이브러리입니다.

Github : https://github.com/processing-js/processing-js/
홈페이지 : http://processingjs.org

Raphael.js

Raphael은 웹상의 벡터 그래픽 작업을 간소화하기 위해 만들어진 가벼운 라이브러리입니다. Raphael에 대한 멋진 점은 SVG와 VML을 그래픽 생성을위한 기반으로 사용한다는 것입니다. 즉, 생성 된 모든 그래픽 객체가 DOM 객체이기도합니다.

Github : https://github.com/DmitryBaranovskiy/raphael/
홈페이지 : http://dmitrybaranovskiy.github.io/raphael

VAGA

Vega는 대화식 시각화 디자인을 만들고 저장하고 공유하기위한 프레임 워크입니다. Vega를 사용하면 JSON 형식으로 시각적 모양과 시각적 대화 형 동작을 설명하고 HTML5 Canvas 또는 SVG를 사용하여보기를 생성 할 수 있습니다.

Github : https://github.com/vega/vega
홈페이지 : http://vega.github.io/vega

InfoVis

InfoVis Toolkit은 대화식 데이터 시각화를 생성하기위한 도구를 제공합니다. InfoVis는 그래프 조작 및 편집, 트리 애니메이션 및 기타 많은 고급 기능을 제공합니다.
Github : https://github.com/philogb/jit
홈페이지 : http://philogb.github.io/jit/

Springy.js

Springy.js는 알고리즘을 사용하여 강제 방향 그래프를 작성하는 라이브러리로 웹 페이지에서 노드가 봄과 같은 방식으로 반응합니다. 즉, 그래프 조작을 허용하고 그래프 레이아웃을 계산하여 페이지에 최적으로 표시합니다.
Github : https://github.com/dhotson/springy/
홈페이지 : http://getspringy.com

Polymaps.js

Polymaps는 동적 인 대화식 맵을 만들기위한 라이브러리입니다. SVG를 사용하여 대화 형 맵에서 대규모 데이터 오버레이를 생성합니다.

Github : https://github.com/simplegeo/polymaps
홈페이지 : http://polymaps.org

Sigma.js

Sigma는 개발자가 고도의 선 그래프를 작성하도록 돕기 위해 고안된 라이브러리입니다. 그래프 그리기 전용이므로 Sigma는 네트워크 시각화 및 동적 네트워크 탐색과 같은 작업에 유용한 도구입니다.
Github : https://github.com/jacomyal/sigma.js
홈페이지 : http://sigmajs.org

jqPlot

jqPlot은 jQuery를위한 플롯 및 차트 플러그인입니다. 플러그인을 지원하기 위해 처음부터 고안되었으며 대부분의 jqPlot 기능은 플러그인을 통해 처리됩니다.

Github : https://github.com/jqPlot/jqPlot/
홈페이지 : http://www.jqplot.com

Flot

Flot은 간단한 사용법, 매력적인 외모 및 대화식 기능에 중점을 둔 jQuery 용 플로팅 라이브러리입니다.

Github : https://github.com/flot/flot
홈페이지 : http://www.flotcharts.org

DC.js

대형 다차원 데이터 세트에서 매우 효율적인 탐사를 가능하게 해주는 차트 라이브러리입니다. dc.js를 사용하여 렌더링 된 차트는 상호 작용이 뛰어나므로 사용자 상호 작용에 대한 즉각적인 피드백을 제공합니다.

Github : https://github.com/shutterstock/rickshaw
홈페이지 : https://dc-js.github.io/dc.js

Rickshaw

Rickshaw는 대화 형 시계열 그래프를 작성하기위한 툴킷입니다. 렌더 러, 범례, 호버, 범위 선택기 등 인터랙티브 그래프를 생성하기위한 모든 요소를 ​​제공합니다.

Github : https://github.com/shutterstock/rickshaw
홈페이지 : http://code.shutterstock.com/rickshaw

MetricsGraphics.js

MetricsGraphics.js는 시계열 데이터를 시각화하고 레이아웃하는 데 최적화 된 D3 위에 구축 된 라이브러리입니다.

Github : https://github.com/mozilla/metrics-graphics
홈페이지 : http://metricsgraphicsjs.org

Chart.js

Chart.js는 HTML5 캔버스 요소를 사용하여 반응 형 차트를 만드는 매우 가벼운 (축소판 버전은 11kb 밖에되지 않습니다) 차트 라이브러리입니다.

Github : https://github.com/chartjs/Chart.js
홈페이지 : http://www.chartjs.org

Ember

Ember.js 및 d3.js 프레임 워크로 제작 된 차트 라이브러리입니다. 제한적이지만 확장 및 수정이 쉬운 시계열, 막대, 원형 및 분산 형 차트가 포함됩니다.

Github : https://github.com/addepar/ember-charts
홈페이지 : http://opensource.addepar.com/ember-charts/

Chartist.js

Chartist.js는 사용자 정의 가능한 반응 형 차트를 작성하기위한 간단한 라이브러리입니다.

Github : https://github.com/gionkunz/chartist-js
홈페이지 : http://gionkunz.github.io/chartist-js