推荐14款基于javascript的数据可视化工具

随着数据可视化概念逐年火热，有较多优秀的图表开源库和制做工具脱颖而出，下面，咱们就拿其中比较有名的 14个产品进行简要介绍。

一、AnyChart

连接：http://www.anychart.com/

AnyChart 是基于 Flash/JavaScript(HTML5) 的图表解决方案，它能够轻松地跨浏览器、跨平台工做。除了基础的图表功能外，它还有收费的交互式图表和仪表功能。它能够经过 XML 格式获取数据，该方式让开发人员很是灵活地控制图表上的每个数据点，而当图表数据点数量偏大时，则能够采用 CSV 数据输入，减少数据文件大小和图表加载时间。

二、amCharts

连接：http://www.amcharts.com/

amCharts 是一款高级图表库，致力于对 Web 上的数据可视化提供支持。它所支持的图表包括柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、燃烧图和金字塔图等等。amCharts 库是一款彻底独立的类库，在应用中不依赖任何其余第三方类库，就可直接编译运行。除了提供最基本的规范要素外，amCharts 还提供了交互特性。用户在浏览基于 amCharts 制做的图表时，用鼠标 hover 图表内容，能够与其进行交互，使图表展现细节信息，其中呈现信息的容器被叫作 Balloon（气球）。除此以外图表能够动态动画的形式被绘制出来，带来了了很是好的展现效果。

三、Cesium

连接：http://cesiumjs.org/

Cesium 一样专一于地理数据可视化，它是一个 Javascript 库，能够在 Web 浏览器中绘制 3D/2D 地球。无需任何插件便可基于 WebGL 来进行硬件加速。除此以外，它还有跨平台、跨浏览器的特性。Cesium 自己基于 Apache 开源协议，支持商业及非商业项目。

四、Chart.js

连接：http://www.chartjs.org/

Chart.js 是一个简单、面向对象，为设计和开发者准备的图表绘制工具库。它提供了六种基础图表类型。基于 Html5，响应式，支持全部现代浏览器。同时它不依赖任何外部工具库，自己轻量级，且支持模块化，即开发者能够拆分 Chart.js 仅引入本身须要的部分进入工程。在小巧的身段中它同时支持可交互图表。

五、Chartist.js

连接：https://gionkunz.github.io/chartist-js/

Chartist.js 是一个很是简单并且实用的 JavaScript 图表生成工具，它支持 SVG 格式，图表数据转换灵活，同时也支持多种图表展示形式。在工程中，Chartist.js 的 CSS 和 JavaScript 分离，所以代码比较简洁，在应用时配置流程十分简单。它生成的是响应式图表，能够自动支持不一样的浏览器尺寸和分辨率，更多的是，它也支持自定义 SASS 架构。

六、D3

连接：http://vis.stanford.edu/papers/d3

2011年，Mike Bostock、Vadim Ogievetsky 和 Jeff Heer 发布了 D3，它是目前 Web 端评价最高的 Javascript 可视化工具库。D3 可以向用户提供大量线性图和条形图以外的复杂图表样式，例如 Voronoi 图、树形图、圆形集群和单词云等等。它的优势是实例丰富，易于实现调试数据同时可以经过扩展实现任何想到的数据可视化效果，缺点是学习门槛比较高。与 jQuery 相似，D3 直接对 DOM 进行操做，这是它与其它可视化工具的主要区别所在：它会设置单独的对象以及功能集，并经过标准 API 进行 DOM 调用。

七、echarts

连接：http://echarts.baidu.com/

一款免费开源的数据可视化产品，给用户提供直观、生动、可交互和可个性化定制的数据可视化图表。Echarts 上手简单。其具备的拖拽重计算、数据视图、值域漫游等特性大大加强了用户体验，帮助用户在对数据挖掘、整合时大幅提升效率。同时，Echarts 提供了丰富的图表类型，除了常见的折柱饼，还支持地图、力导向图、treemap、热力图、树图等等。更惊艳的是，它还支持任意维度的堆积和多图表混合展示。总而言之，这是一款让咱们很是惊喜的可视化产品，很是强大，不过他图表不是很美观，对移动端的支持也还有些欠缺，不过这些问题在官方最新发布的3.0beta中获得了很大改善

八、Flot

连接：http://www.flotcharts.org/

Flot 是一个纯 Javascript 绘图库，做为 jQuery 的插件使用。它能够较为轻松地跨浏览器工做，甚至包括 IE6。由于 jQuery 的特性，开发者能够全面地控制图表的动画、交互，把数据的呈现过程优化得更加完美。

九、FusionCharts Free

连接：http://www.fusioncharts.com/

FusionCharts Free 是可跨平台、跨浏览器的 Flash 图表解决方案，它可以被 ASP、.NET、PHP、JSP、ColdFusion、Ruby on Rails、简单 HTML 页面甚至 PPT 调用。在使用过程当中，用户原则上并不须要知道任何 Flash 的知识，只须要了解你所用的编程语言，并进行简单的调用便可以实现应用

十、Google Chart

连接：http://developers.google.com/chart/

不须要多介绍，你们都很是了解的可视化工具

十一、HighCharts

连接：http://www.highcharts.com/

HighCharts 是一个界面美观，时下很是流行的的纯 Javascript 图表库。它实际上由两部分组成：HighCharts 和 Highstock。其中 HighCharts 可以很便捷地在 Web 网站或是 Web 应用程序中添加可交互图表，并可免费用于我的学习、我的网站和其余非商业用途。目前 HighCharts 支持的图表类型有曲线图、区域图、柱状图、饼状图、散点图和一些综合图表。而 HighStock 能够为用户方便地创建股票或通常的时间轴图表。它提供先进的导航选项，预设的日期范围，日期选择器，滚动和平移等公盟。

十二、Leaflet

连接：http://leafletjs.com/

Leaflet 是一个能够同时良好运行于桌面和移动端的 Javascript 可交互地图库。它使用 OpenStreetMap 的数据，并把可视化数据集中在一块儿。Leaflet 库的内核库很小，但由丰富的插件能够大幅拓展其功能，经常被用于须要展现地理位置的项目。

1三、MetricsGraphics

连接：http://metricsgraphicsjs.org/

MetricsGraphics.js 是一个基于 D3，为可视化和时间序列化的数据而优化的库。它提供了一种便捷的方法，用一致且响应式方式来产生相同类型的图形。它如今支持折线图、散点图、直方图、地毯图和基本的线性回归图。同时，它体积很是小巧，一般能够控制在 60kb 以内。

1四、Sigma.js

连接：http://sigmajs.org/

Sigma.js 是一个专一于图形绘制的 Javascript 库，它可让开发者轻松地在本身的 Web 应用中发布网络图。它给提供了不少设置项，使开发者能够自由地定义网络图的绘制方式。同时其也提供了丰富的 API，例如移动视图、刷新渲染、事件监听等等均可以轻易实现，这让开发者能够在交互上进行更多拓展。

关于更多大数据相关资讯>>>