前端数据可视化开源库(一)

数据可视化主要分为可视化工具(在线生成图类)以及可视化工具库,以下主要为免费开放给开发者的工具库。

| 工具库 | 优点 | 缺点 | links&comments |


D3

目前 Web 端评价最高的 Javascript 可视化工具库
实例丰富,提供大量线性图和条形图之外的复杂图表样式( Voronoi 图、圆形集群等)
易于实现调试数据
能够通过扩展实现任何可以想到的数据可视化效果
与 jQuery 类似,D3 直接对 DOM 进行操作,这是它与其它可视化工具的主要区别所在:它会设置单独的对象以及功能集,并通过标准 API 进行 DOM 调用。

学习曲线太过严苛
数据“生命周期模式”不够直观
要达到理想使用效果需要用户深入理解JavaScript

demos:https://github.com/d3/d3/wiki/Gallery
http://bl.ocks.org/mbostock
想要的基本都能实现(取决于开发者)
数据可视化专题站
Mapping D3.js Course


Echarts
实例较丰富,相对于d3来说少
母语文档和支持
使用非常方便

功能相对于上面的顶级图表来说还相对较弱
echarts3.0:http://echarts.baidu.com/
基础图形都有,地图也有(扩展不多)。提供很多参数接口,但是不能自己定义新的图形样式。


infoVis
支持WebGL
和D3框架配合,infovis也提供了链式方法来操作DOM

demo少
demos:http://philogb.github.io/jit/demos.html


Cesium
专注于地理数据可视化,可以在 Web 浏览器中绘制 3D/2D 地球。
无需任何插件即可基于 WebGL 来进行硬件加速。
跨平台、跨浏览器
本身基于 Apache 开源协议,支持商业及非商业项目。

不好看&慢

demos:http://cesiumjs.org/demos.html


Highcharts
类库大小:超轻量级,并且性能非常好,支持所有浏览器,但对于不同设备性能不太一样
价格: 初始价格对于个人开发者或者小团队来说价格很低
浏览器支持:老式浏览器和现代浏览器都支持的非常好

个人支持: 一般的问题好解决,但是一旦遇到了关键问题,个人支持非常有限
支持图形: 支持图形相对于fusioncharts来说,比较少

demos:http://www.highcharts.com/demo
和echarts差不多,地图比echarts好,但也只是静态展示。


Fusioncharts
支持不同类型图表: 如果需要各种类型图标, Fusioncharts都没有问题,提供了90多种图表和965种地图自定义并且有实际例子:自定义非常简单,包含了很多直接可以使用的例子,并且拥有很大的库
封装器和插件: 提供了官方的封装器和插件
浏览器和设备支持: 支持所有浏览器(IE6)和设备
高级特性: 提供了很多高级特性,宏,可编辑图表
个人支持:得到的支持非常快

体积: 非常重,如果是基于web的应用会成问题,但是App会好些
价格: 价格相对于前面有些贵

可跨平台、跨浏览器的 Flash 图表解决方案,不推荐,因为官方demo加载都很慢。


AnyChart
基于 Flash/JavaScript(HTML5) 的图表解决方案
可以轻松地跨浏览器、跨平台工作
可以通过 XML 格式获取数据,该方式让开发人员非常灵活地控制图表上的每一个数据点,而当图表数据点数量偏大时,则可以采用 CSV 数据输入,减小数据文件大小和图表加载时间。

支持图形少,没有地图类
收费……(交互式图表和仪表功能)

demos:http://www.anychart.com/


amCharts
好看
基础类图表都有

可以免费使用,但是会有网址链接。如果想消除网址链接,需要付费。

地图类交互少。
demos:https://www.amcharts.com/demos/


Chart.js

简单、面向对象,为设计和开发者准备的图表绘制工具库
基于 Html5,响应式,支持所有现代浏览器
轻量级,且支持模块化,即开发者可以拆分 Chart.js 仅引入自己需要的部分进入工程

只有六种基础图表类型
demos:http://www.chartjs.org/docs/#doughnut-pie-chart-introduction


Chartist.js
在工程中,Chartist.js 的 CSS 和 JavaScript 分离,因此代码比较简洁,在应用时配置流程十分简单
生成的是响应式图表,可以自动支持不同的浏览器尺寸和分辨率

只有6-种基础图表类型
demos:https://gionkunz.github.io/chartist-js/examples.html


Google Chart

非常容易修改使用的DOM
定义定制的方法非常简单
界面可用性及其来自GDC(Google developers console)的开源网络支持

官方demo较少
demos:http://developers.google.com/chart/
没什么人用的感觉,查到的东西基本上在10年以前了。不推荐。


Leaflet

可以同时良好运行于桌面和移动端的 Javascript 可交互地图库
使用 OpenStreetMap 的数据,并把可视化数据集中在一起
内核库很小,但由丰富的插件可以大幅拓展其功能,常常被用于需要展示地理位置的项目。

demos:http://leafletjs.com/


Dygraphs

基本上都是线图
demos:http://dygraphs.com/gallery/#g/resize
放大时间段查看数据点的交互很棒


icharts
iCharts 有交互元素,可以从 Google Doc、Excel 表单和其他来源中获取数据。
免费版只允许你用基本的图表类型
demos:http://icharts.net/solutions/business-analytics-reporting

主要参考链接:
14款基于javascript的数据可视化工具(2015-12-15 )
评测:四款面向数据可视化的超酷JavaScript工具(2014-03-12)
13个Javascript框架:实现超棒数据可视化效果()
有哪些值得推荐的数据可视化工具?- 知乎(2015-05-08)

你可能感兴趣的:(前端数据可视化开源库(一))