收藏一波！canvas/数据可视化工具库汇总-技术圈

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

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

star:92.7k

官网：https://d3js.org/
GitHub地址：https://github.com/mbostock/d3

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

star:49.8k

中文网：http://chartjs.cn/
GitHub地址：https://github.com/nnnick/Chart.js

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

star:8.8k
网站地址:http://c3js.org
GitHub:https://github.com/c3js/c3

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

star:9.9k

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

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

star:9.6K

中文网：https://www.highcharts.com.cn/
GitHub地址：https://github.com/highcharts/highcharts

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

star:6.7K
网站地址:https://antv.alipay.com/zh-cn/g6/3.x/index.html
GitHub:https://github.com/antvis/g6

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

star:42.3k

中文网：https://echarts.apache.org/zh/index.html
GitHub地址：https://github.com/ecomfe/echarts

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

star:28.6K

官网：https://leafletjs.com/download.html
GitHub地址：https://github.com/Leaflet/Leaflet

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