>

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

- 编辑:至尊游戏网站 -

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

14款基于javascript的数额可视化学工业具

2015/12/15 · JavaScript · 数量可视化

原稿出处: 百度EFE- Ceada   

俗话说,意气风发图胜千言。图形化的新闻能够让群众对数占领更为直观清晰的精通,让音信发表者越来越高效地展现本人的主旨内容。在前端开荒中,假使缺点和失误适当工具,制作数据可视化图表会十三分复杂。但是随着数据可视化概念逐步火爆,有很多优良的图样开源库和制作工具霸气外露。上边,大家就拿里面相比显赫的 14个产品进行简介。

AnyChart

链接:

AnyChart 是基于 Flash/JavaScript(HTML5) 的图形实施方案,它能够轻松地跨浏览器、跨平台专门的学问。除了基础的图片成效外,它还会有收取费用的交互式图表和仪表功用。它能够通过 XML 格式获取数据,该方法让开辟职员特别灵活地决定图表上的每二个数根据地,而当图表数分局数量偏大时,则能够利用 CSV 数据输入,减小数据文件大小和图片加载时间。

至尊游戏网站,amCharts

链接:

amCharts 是生龙活虎款高等图表库,致力于对 Web 上的多寡可视化提供支撑。它所支撑的图纸富含柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、燃烧图和金字塔图等等。amCharts 库是豆蔻梢头款完全部独用立的类库,在利用中不依据任何另外第三方类库,就可径直编译运维。除了提供最基本的正规要素外,amCharts 还提供了互相特性。顾客在浏览基于 amCharts 制作的图片时,用鼠标 hover 图表内容,能够与其开展互动,使图表突显细节音讯,个中表现音信的器皿被称之为 Balloon(引爆气球)。除外图表能够动态动画的花样被绘制出来,带来了了相当好的来得效果。

Cesium

链接:

Cesium 同样引人瞩目于地理数据可视化,它是二个 Javascript 库,能够在 Web 浏览器中绘制 3D/2D 地球。不须求任何插件就能够依照 WebGL 来扩充硬件加速。除了那个之外,它还应该有跨平台、跨浏览器的特点。Cesium 自己基于 Apache 开源合同,扶持商业及非商业项目。

Chart.js

链接:

Chart.js 是多个简练、面向对象,为宏图和开垦者准备的图纸绘制工具库。它提供了两种基础图表类型。基于 Html5,响应式,协理具备今世浏览器。同时它不信赖任何外界工具库,自身轻量级,且协助模块化,即开荒者能够拆分 Chart.js 仅引进自个儿索要的局地步入工程。在精巧的体形中它同时扶植可相互图表。

Chartist.js

链接:

Chartist.js 是叁个特别轻便何况实用的 JavaScript 图表生成工具,它援救 SVG 格式,图表数据转变灵活,同期也支撑三种图形表现方式。在工程中,Chartist.js 的 CSS 和 JavaScript 抽离,由此代码比较容易,在应用时安顿流程十分的大致。它生成的是响应式图表,能够自动扶持不一致的浏览器尺寸和分辨率,越来越多的是,它也扶助自定义 SASS 架构。

D3

链接:

2012年,Mike Bostock、Vadim Ogievetsky 和 杰夫 Heer 宣布了 D3,它是目前Web 端评价最高的 Javascript 可视化学工业具库。D3 能够向客商提供大批量线性图和条形图之外的纷纭图表样式,举例 Voronoi 图、树形图、圆形集群和单词云等等。它的帮助和益处是实例丰富,易于贯彻调节和测量试验数据同不日常间能够因此扩充达成任何想到的多寡可视化效果,劣点是学习诀要相比高。与 jQuery 类似,D3 直接对 DOM 举办操作,那是它与别的可视化工具的关键不同所在:它会设置独立的目的以致作用集,并通过正规 API 进行 DOM 调用。

echarts

链接:

生机勃勃款免费开源的数码可视化产品,给顾客提供直观、生动、可相互和可个性化定制的数额可视化图表。Echarts 上手轻巧。其有着的拖拽重总结、数据视图、值域漫游等性子大大抓牢了客商体验,援助客户在对数码发掘、整合时小幅度升高效能。同不时候,Echarts 提供了拉长的图形类型,除了广泛的折柱饼,还补助地图、力导向图、treemap、热力图、树图等等。更惊艳的是,它还扶助放肆维度的堆成堆和多图表混合表现。一句话来讲,那是风流浪漫款让大家充足欣喜的可视化产品,特别刚劲,可是他图表不是很奇妙,对活动端的支持也还有个别欠缺,可是这几个主题材料在合法最新发表的3.0beta中得到了异常的大改良

Flot

链接:

Flot 是多个纯 Javascript 绘图库,作为 jQuery 的插件使用。它能够相当轻易地跨浏览器专门的学问,以至包涵 IE6。因为 jQuery 的表征,开采者能够健全地调整图表的卡通片、交互,把数据的显示进度优化得越发完善。

FusionCharts Free

链接:

FusionCharts Free 是可跨平台、跨浏览器的 Flash 图表建设方案,它能够被 ASP、.NET、PHP、JSP、ColdFusion、Ruby on Rails、轻巧 HTML 页面以致 PPT 调用。在利用进程中,客户原则上并无需知道别的 Flash 的文化,只必要领悟你所用的编制程序语言,并举行简短的调用即能够兑现应用

Google Chart

链接:

没有需求多介绍,大家都极度精通的可视化学工业具

HighCharts

链接:

HighCharts 是贰个分界面美观,时下相当红的的纯 Javascript 图表库。它事实上由两有的组成:HighCharts 和 Highstock。此中 HighCharts 能够很便捷地在 Web 网址或是 Web 应用程序中加多可相互图表,并可免耗费于个人学习、个人网址和此外非商业用途。前段时间HighCharts 援救的图纸类型有曲线图、区域图、柱状图、饼状图、散点图和黄金年代部分归纳图表。而 HighStock 可以为顾客方便地树立证券或相似的时间轴图表。它提供先进的导航选项,预设的日期范围,日期选择器,滚动和平移等公盟。

Leaflet

链接:

Leaflet 是一个得以同期好好运维于桌面和移动端的 Javascript 可交互地图库。它应用 OpenStreetMap 的多寡,并把可视化数据汇总在同步。Leaflet 库的内核库异常的小,但由丰裕的插件可以小幅拓宽其功能,平时被用来需求出示地理地点的花色。

MetricsGraphics

链接:

MetricsGraphics.js 是二个基于 D3,为可视化和岁月连串化的数码而优化的库。它提供了风流浪漫种便利的办法,用平等且响应式方式来产生一样类其余图形。它今后支持折线图、散点图、直方图、地毯图和基本的线性回归图。同期,它体量特别精细,日常能够垄断在 60kb 之内。

Sigma.js

链接:

Sigma.js 是一个注意于图形绘制的 Javascript 库,它能够让开荒者轻巧地在融洽的 Web 应用中宣布网络图。它给提供了无数安装项,使开垦者能够自由地定义网络图的绘图方式。同时其也提供了丰盛的 API,举例移动视图、刷新渲染、事件监听等等都能够私下降成,这让开辟者能够在互相上开展越来越多开展。

2 赞 5 收藏 评论

至尊游戏网站 1

本文由设计建站发布,转载请注明来源:14款基于javascript的数据可视化工具