github可视化工具_canvas/数据可视化工具库汇总

作者：小迷妹

转发链接：https://mp.weixin.qq.com/s/6v17KSr3J-xIIcbKRnooUw

前言

大家好，我是为前端娱乐圈操碎了心的Echa哥，正宗前端开发一枚，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。

每天上班必须做的一件事情，就是打开我们全球最大的程序员交友社区GitHub，因为这上面有太多开源的宝贝了，每天都乐此不疲，深耕于此，当然也收获了很多有用的东西，写出来分享一下。

今天推荐的是：canvas/数据可视化工具库汇总

1：d3

star:92.7k
官网：https://d3js.org/

GitHub地址：https://github.com/mbostock/d3

d3 一个基于数据操作文档的js数据可视化框架，最流行的数据可视化库之一

2：Chart.js

star:49.8k
中文网：http://chartjs.cn/

GitHub地址：https://github.com/nnnick/Chart.js

Chart.js是一套简单、干净并且有吸引力的基于 html5 技术的 JavaScript 图表工具。Chart.js为你提供了完整的易于集成到你的网站的生动、交互的图表。

3：c3

star:8.8k
网站地址:http://c3js.org

GitHub:https://github.com/c3js/c3

C3.js是基于D3.js开发的JavaScript库，它可以让开发者构建出可复用的图表，并且还提供了一系列图表上的交互行为。通过C3，只需要往generate函数中传入数据对象就可以轻松的绘制出图表，方便开发者使用。

4：g2

star:9.9k

网站地址:https://antv.alipay.com/zh-cn/g2/3.x/index.html

GitHub:https://github.com/antvis/g2

g2是一个由纯 JavaScript 编写基于 Canvas 的强大的语义化图表生成工具，它提供了一整套图形语法，可以让用户通过简单的语法搭建出无数种图表，并且集成了大量的统计工具，支持多种坐标系绘制，可以让用户自由得定制图表，是为大数据时代而准备的强大的可视化工具。

5：highcharts

star:9.6K

中文网：https://www.highcharts.com.cn/

GitHub地址：https://github.com/highcharts/highcharts

基于SVG的JavaScript 图表框架，兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。一般的问题好解决，但是一旦遇到了关键问题，个人支持非常有限， 支持图形相对于fusioncharts来说，比较少。

6：g6

star:6.7K

网站地址:https://antv.alipay.com/zh-cn/g6/3.x/index.html

GitHub:https://github.com/antvis/g6

G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图 图分析 应用或是 图编辑器 应用。

7：ECharts

star:42.3k

中文网：https://echarts.apache.org/zh/index.html

GitHub地址：https://github.com/ecomfe/echarts

ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。是百度的一个开源的数据可视化工具。

8：Leaflet

star:28.6K

官网：https://leafletjs.com/download.html

GitHub地址：https://github.com/Leaflet/Leaflet

Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。常常被用于需要展示地理位置的项目。

作者：小迷妹

转发链接：https://mp.weixin.qq.com/s/6v17KSr3J-xIIcbKRnooUw