14款基于javascript的多少可视化学工业具

2015/12/15 · JavaScript
·
多少可视化

原版的书文出处: 百度EFE-
Ceada   

俗话说,一图胜千言。图形化的新闻方可让大伙儿对数码有更直观清晰的知情,让音讯公布者尤其急忙地展示本身的宗旨内容。在前端开辟中,假如缺乏适当工具,制作数据可视化图表会十一分复杂。可是随着数据可视化概念慢慢销路广,有相当多美丽的图纸开源库和营造工具脱颖而出。下面,大家就拿里面前遭受比有名的
14个产品实行简短介绍。

编写翻译地址:Are you ready for the era of big data? 14 popular
JavaScript based data visualization
tools
初稿地址:http://efe.baidu.com/blog/14-popular-data-visualization-tools/

AnyChart

链接:

AnyChart 是基于 Flash/JavaScript(HTML5)
的图形建设方案,它能够轻易地跨浏览器、跨平台专门的学业。除了基础的图片成效外,它还应该有收取费用的交互式图表和仪表功用。它能够因此XML
格式获取数据,该方法让开垦职员非常灵活地调节图表上的每二个数分局,而当图表数总部数量偏大时,则足以利用
CSV 数据输入,减小数据文件大小和图片加载时间。

俗话说,一图胜千言。图形化的音讯能够令人们对数据有进一步直观清晰的领会,让音信揭橥者特别神速地体现本身的大旨内容。在前端开拓中,假如贫乏适当工具,制作数据可视化图表会十三分复杂。但是随着数据可视化概念渐渐火热,有很多精粹的图形开源库和营造工具平地而起。上面,大家就拿里面临比盛名的
17个产品进行简易介绍。

amCharts

链接:

amCharts 是一款高端图表库,致力于对 Web
上的数码可视化提供支撑。它所支撑的图片满含柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、焚烧图和金字塔图等等。amCharts
库是一款完全部独用立的类库,在使用中不正视任何另外第三方类库,就可径直编写翻译运营。除了提供最基本的规范要素外,amCharts
还提供了互相天性。客户在浏览基于 amCharts 制作的图形时,用鼠标 hover
图表内容,能够与其进展互动,使图表展现细节音讯,个中表现音讯的器皿被称之为
Balloon(珠光球)。除外图表能够动态动画的样式被绘制出来,带来了了蛮好的显得效果。

AnyChart

Cesium

链接:

Cesium 一样令人瞩目于地理数据可视化,它是二个 Javascript 库,可以在 Web
浏览器中绘制 3D/2D 地球。没有需求任何插件就可以根据 WebGL
来进展硬件加快。除了那几个之外,它还大概有跨平台、跨浏览器的特色。Cesium 自身基于
Apache 开源合同,援助商业及非商业项目。

AnyChart

Chart.js

链接:

Chart.js
是八个粗略、面向对象,为规划和开垦者希图的图形绘制工具库。它提供了种种基础图表类型。基于
Html5,响应式,帮助全部当代浏览器。同期它不借助任何外界工具库,自身轻量级,且协助模块化,即开采者能够拆分
Chart.js
仅引入自身需求的有个别步入工程。在精致的身段中它同一时候协助可交互图表。

链接:http://www.anychart.com/

Chartist.js

链接:

Chartist.js 是一个特别简单并且实用的 JavaScript 图表生成工具,它援助 SVG
格式,图表数据转变灵活,同期也支撑多种图片表现情势。在工程中,Chartist.js
的 CSS 和 JavaScript
分离,由此代码不够长小,在行使时布置流程极度简便。它生成的是响应式图表,能够自行支持区别的浏览器尺寸和分辨率,更加的多的是,它也支持自定义
SASS 架构。

AnyChart 是基于 Flash/JavaScript(HTML5)
的图形技术方案,它能够轻便地跨浏览器、跨平台专门的学问。除了基础的图片成效外,它还应该有收取薪资的交互式图表和仪表功效。它可以通过
XML
格式获取数据,该方法让开垦人士非常灵活地调节图表上的每三个数分局,而当图表数总局数量偏大时,则能够动用
CSV 数据输入,减小数据文件大小和图片加载时间。

D3

链接:

二〇一三年,迈克 Bostock、Vadim Ogievetsky 和 杰夫 Heer 发表了 D3,它是眼前Web 端评价最高的 Javascript 可视化学工业具库。D3
能够向客户提供一大波线性图和条形图之外的纷繁图表样式,比方 Voronoi
图、树形图、圆形集群和单词云等等。它的帮助和益处是实例足够,易于落到实处调节和测验数据同期能够因此扩展实现别的想到的数据可视化效果,劣势是读书秘诀相比高。与
jQuery 类似,D3 直接对 DOM
进行操作,那是它与其余可视化学工业具的显要不一样所在:它会安装单独的指标以及功效集,并透过正规
API 举办 DOM 调用。

amCharts

echarts

链接:

一款免费开源的数目可视化产品,给顾客提供直观、生动、可互相和可天性化定制的数码可视化图表。Echarts
上手轻松。其具备的拖拽重计算、数据视图、值域漫游等特征大大抓好了客户体验,支持客户在对数码开掘、整合时小幅度升高功能。同一时候,Echarts
提供了增加的图形类型,除了相近的折柱饼,还扶助地图、力导向图、treemap、热力图、树图等等。更惊艳的是,它还帮忙任性维度的堆成堆和多图表混合表现。一言以蔽之,那是一款让大家特别惊奇的可视化产品,非常壮大,可是他图表不是很顺眼,对运动端的援助也还某些欠缺,可是那么些难点在官方最新宣布的3.0beta中获得了不小改革

amCharts

Flot

链接:

Flot 是贰个纯 Javascript 绘图库,作为 jQuery
的插件使用。它能够比较轻易地跨浏览器工作,乃至包括 IE6。因为 jQuery
的风味,开辟者能够圆四处垄断图表的卡通片、交互,把数量的表现进度优化得尤其周全。

链接:http://www.amcharts.com/

FusionCharts Free

链接:

FusionCharts Free 是可跨平台、跨浏览器的 Flash 图表应用方案,它亦可被
ASP、.NET、PHP、JSP、ColdFusion、Ruby on Rails、简单 HTML 页面以致 PPT
调用。在应用进程中,客户原则上并无需知道其余 Flash
的学识,只必要通晓您所用的编程语言,并扩充简要的调用即能够达成应用

amCharts 是一款高等图表库,致力于对 Web
上的数量可视化提供扶助。它所支撑的图纸包蕴柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、点火图和金字塔图等等。amCharts
库是一款完全独立的类库,在利用中不借助任何其余第三方类库,就可直接编写翻译运行。除了提供最主题的正儿八经要素外,amCharts
还提供了互相本性。客户在浏览基于 amCharts 制作的图样时,用鼠标 hover
图表内容,可以与其开展相互,使图表呈现细节音信,在那之中表现新闻的器皿被喻为
Balloon(透明气球)。除了那一个之外图表能够动态动画的情势被绘制出来,带来了了非常好的来得效果。

Google Chart

链接:

无需多介绍,大家都特别领悟的可视化学工业具

Cesium

HighCharts

链接:

HighCharts 是一个分界面美观,时下非常的红的的纯 Javascript
图表库。它其实由两有的组成:HighCharts 和 Highstock。在那之中 HighCharts
能够很便捷地在 Web 网址或是 Web
应用程序中增加可互相图表,并可无需付费用于个人学习、个人网址和别的非商业用途。近年来HighCharts
帮助的图样类型有曲线图、区域图、柱状图、饼状图、散点图和局地总结图表。而
HighStock
可感觉客户方便地确立证券或貌似的日子轴图表。它提供先进的领航选项,预设的日子范围,日期采取器,滚动和平移等公盟。

Cesium

Leaflet

链接:

Leaflet 是二个能够并且好好运维于桌面和活动端的 Javascript
可相互地图库。它采纳 OpenStreetMap
的数码,并把可视化数据汇总在一块儿。Leaflet
库的内核库十分的小,但由充分的插件能够大幅度拓宽其成效,平日被用来须求出示地理地点的体系。

链接:http://cesiumjs.org/

MetricsGraphics

链接:

MetricsGraphics.js 是一个依照D3,为可视化和时间体系化的多寡而优化的库。它提供了一种方便人民群众的办法,用同一且响应式形式来产生一样档次的图纸。它今后支撑折线图、散点图、直方图、地毯图和主题的线性回归图。相同的时间,它容量十一分Mini,平时能够决定在
60kb 之内。

Cesium 同样引人注目于地理数据可视化,它是三个 Javascript 库,能够在 Web
浏览器中绘制 3D/2D 地球。无需任何插件就能够根据 WebGL
来展开硬件加快。除此而外,它还应该有跨平台、跨浏览器的性状。Cesium 本人基于
Apache 开源左券,支持商业及非商业项目。

Sigma.js

链接:

Sigma.js 是三个注意于图形绘制的 Javascript
库,它能够让开荒者轻巧地在温馨的 Web
应用中发布网络图。它给提供了非常的多设置项,使开垦者能够专擅地定义网络图的绘图格局。同期其也提供了丰裕的
API,举个例子移动视图、刷新渲染、事件监听等等都足以跋扈达成,那让开辟者能够在相互上扩充更多开展。

2 赞 5 收藏
评论

银河国际平台官方网站 1

Chart.js

Chart.js

链接:http://www.chartjs.org/

Chart.js
是三个轻巧、面向对象,为规划和开拓者计划的图样绘制工具库。它提供了三种基础图表类型。基于
Html5,响应式,辅助具备今世浏览器。同一时候它不依赖任何外部工具库,本身轻量级,且协助模块化,即开辟者能够拆分
Chart.js
仅引入自身需求的一对步向工程。在精细的身材中它相同的时候帮忙可互相图表。

银河国际平台官方网站,Chartist.js

Chartist.js

链接:https://gionkunz.github.io/chartist-js/

Chartist.js 是三个非常轻松並且实用的 JavaScript 图表生成工具,它帮忙 SVG
格式,图表数据转换灵活,同有时候也支持二种图纸表现情势。在工程中,Chartist.js
的 CSS 和 JavaScript
分离,由此代码比较轻松,在利用时计划流程特别轻便易行。它生成的是响应式图表,可以自动援助分裂的浏览器尺寸和分辨率,越多的是,它也支撑自定义
SASS 架构。

D3

D3

链接:http://vis.stanford.edu/papers/d3

2012年,迈克 Bostock、Vadim Ogievetsky 和 杰夫 Heer 发表了 D3,它是眼下Web 端评价最高的 Javascript 可视化学工业具库。D3
能够向客户提供多量线性图和条形图之外的繁杂图表样式,比如 Voronoi
图、树形图、圆形集群和单词云等等。它的优点是实例丰裕,易于落到实处调节和测量检验数据同不经常候可以透过扩充完毕任何想到的数目可视化效果,劣点是上学秘技相比较高。与
jQuery 类似,D3 直接对 DOM
举行操作,这是它与任何可视化学工业具的机要不一样所在:它会安装独立的对象以及功用集,并经过正式
API 实行 DOM 调用。

echarts

echarts

链接:http://echarts.baidu.com/

一款无偿开源的数额可视化产品,给顾客提供直观、生动、可交互和可天性化定制的多寡可视化图表。Echarts
上手轻易。其持有的拖拽重总计、数据视图、值域漫游等个性大大加强了客户体验,帮忙客商在对数码发掘、整合时小幅进步作用。同不常候,Echarts
提供了丰裕的图纸类型,除了相近的折柱饼,还援助地图、力导向图、treemap、热力图、树图等等。更惊艳的是,它还补助大肆维度的聚成堆和多图表混合表现。一言以蔽之,那是一款让我们非常惊奇的可视化产品,非常有力,可是他图表不是很顺眼,对移动端的协助也还会有个别欠缺,然则这么些标题在官方最新宣布的3.0beta中赢得了非常的大改正

Flot

Flot

链接:http://www.flotcharts.org/

Flot 是八个纯 Javascript 绘图库,作为 jQuery
的插件使用。它能够比较轻便地跨浏览器职业,以致席卷 IE6。因为 jQuery
的性状,开采者能够健全地调控图表的动画、交互,把数据的变现进程优化得尤其周密。

FusionCharts
Free

FusionCharts

链接:http://www.fusioncharts.com/

FusionCharts Free 是可跨平台、跨浏览器的 Flash 图表施工方案,它能够被
ASP、.NET、PHP、JSP、ColdFusion、Ruby on Rails、轻松 HTML 页面以至 PPT
调用。在使用进度中,客户原则上并无需知道别的 Flash
的学问,只必要通晓你所用的编程语言,并拓宽简要的调用就可以以兑现应用。

Google
Chart

Google

链接:http://developers.google.com/chart/

无需多介绍,大家都极其掌握的可视化学工业具。

HighCharts

HighCharts

链接:http://www.highcharts.com/

HighCharts 是多个分界面美观,时下比很红的的纯 Javascript
图表库。它其实由两片段组成:HighCharts 和 Highstock。其中 HighCharts
能够很方便地在 Web 网址或是 Web
应用程序中增加可交互图表,并可免费用于个人学习、个人网址和另外非商业用途。方今HighCharts
匡助的图样类型有曲线图、区域图、柱状图、饼状图、散点图和部分归纳图表。而
HighStock
可以为客户方便地确立股票或貌似的时光轴图表。它提供先进的领航选项,预设的日期范围,日期选取器,滚动和平移等公盟。

Leaflet

Leaflet

链接:http://leafletjs.com/

Leaflet 是二个能够而且能够运营于桌面和活动端的 Javascript
可相互地图库。它应用 OpenStreetMap
的数码,并把可视化数据集中在一道。Leaflet
库的内核库不大,但由丰盛的插件能够大幅度扩充其功能,平时被用于供给体现地理地点的品种。

MetricsGraphics

MetricsGraphics

链接:http://metricsgraphicsjs.org/

MetricsGraphics.js 是二个基于
D3,为可视化和岁月体系化的多寡而优化的库。它提供了一种方便人民群众的秘籍,用同样且响应式格局来发出同样类其余图片。它未来援助折线图、散点图、直方图、地毯图和主导的线性回归图。相同的时间,它体量特别精致,日常能够决定在
60kb 之内。

Sigma.js

Sigma.js

链接:http://sigmajs.org/

Sigma.js 是三个小心于图形绘制的 Javascript
库,它能够让开拓者轻巧地在团结的 Web
应用中公布互连网图。它给提供了成百上千安装项,使开辟者可以任意地定义互联网图的绘图情势。同期其也提供了增加的
API,比如移动视图、刷新渲染、事件监听等等都能够随意完成,那让开荒者可以在互动上进行越来越多张开。