JavaScript 可视化框架汇总

本文讨论了三种主要的 JavaScript 框架，用于将数据可视化到客户端。

1、D3.js

D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。

D3js: Data-Driven Documentshttps://www.d3js.org.cn/

2、Echarts

百度出品。一个基于 JavaScript 的开源可视化图表库。Canvas、SVG 双引擎一键切换，增量渲染、流加载等技术实现千万级数据的流畅交互。支持3D和地图，具有丰富是例子。

Apache EChartshttps://echarts.apache.org/zh/index.html

 3、AntV蚂蚁数据可视化

 有蚂蚁金服出品的一整套可视化组件。

G2数据驱动，高度易用，可扩展的可视化图形语法。G2Plot开箱即用、易于配置、极致体验的通用图表库。
S2开箱即用的多维可视分析表格。
G6便捷的关系数据可视化引擎与图分析工具。Graphin基于 G6 封装的图分析应用组件。
X6极易定制、开箱即用、数据驱动的图编辑引擎。XFlow基于 X6 图编辑引擎、面向 React 用户的应用级解决方案。
L7高性能/高渲染质量的地理空间数据可视化框架。L7Plot易于配置、图表丰富、支持定制的地理图表。

 

AntV | 蚂蚁数据可视化 (gitee.io)https://antv.gitee.io/zh/

4、Google Charts

由Goolge出品。从简单的折线图到复杂的分层树形图，图表库提供了大量即用型图表类型。

Charts  |  Google Developershttps://developers.google.cn/chart

 5、amCharts

这个是个商业版本

 

JavaScript Charts & Maps - amChartshttps://www.amcharts.com/

6、highcharts

支持地图和股票图表

 兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highchartshttps://www.highcharts.com.cn/

7、zoomcharts

这个是商业版

 ZoomCharts - World's most interactive JavaScript charts libraryhttps://zoomcharts.com/en/

8、apexcharts

 ApexCharts.js - Open Source JavaScript Charts for your websitehttps://apexcharts.com/

 9、c3js

基于D3js的一个图表库

C3.js | D3-based reusable chart library (c3js.org)https://c3js.org/

10、canvasjs

商业版本。响应式HTML5图表库，具有简单的API和10倍的性能 - 让您的仪表板飞起来。

漂亮的HTML5图表和图形|10x 快速|简单的接口 (canvasjs.com)https://canvasjs.com/# 11、chartjs

一个轻量级的框架。

Chart.js | Open source HTML5 Charts for your website (chartjs.org)https://www.chartjs.org/

 12、ichartjs

https://github.com/wanghetommy/ichartjshttps://github.com/wanghetommy/ichartjs

13、jChartFX

jChartFX - HTML5、jQuery 和 Javascript 的数据可视化http://www.jchartfx.com/

14、raphael.js

偏底层js库

拉斐尔入门 - 拉斐尔 (raphaeljs.com)http://raphaeljs.com/

15、p5.js

首页 |p5.js (p5js.org)https://p5js.org/16、ZRender 

ZRender 是二维绘图引擎，它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器

开始使用 ZRender (ecomfe.github.io)https://ecomfe.github.io/zrender-doc/public/17、vis.js

vis.js (visjs.org)https://visjs.org/ 18、sigmajs

绘制网络图

Sigma.js (sigmajs.org)https://www.sigmajs.org/