javascript可视化_12个用于数据可视化JavaScript库

javascript可视化

无论哪个行业,全世界的企业都越来越依赖数据,尤其是在非常大的群体中时,要对过去和未来进行假设。 除了收集数据之外,通常还必须将这些数据转换成有效的图表,以突出显示所有必要的发现:JavaScript语言已证明自己完全有能力完成这项任务。 反过来,当前作为数据可视化工具JavaScript越来越受到关注。 因此,我编译了以下十二个JavaScript框架列表,它们对于数据可视化非常有用。

Dygraphs.js

Dygraphs.js库允许开发人员使用X和Y轴创建交互式图表以显示功能强大的图表。 解析的数据越多,图形的功能就越高。 话虽这么说,Dygraphs是为这些可视化而构建的,以包含大量视图。 例如,Dygraphs.js使其能够分析数据集的各个部分,例如整个月份,以及整个时间范围。 另外,Dygraphs.js库与所有主要的Web浏览器兼容,并且可以响应触摸灵敏度,从而使其成为数据可视化框架的完全可靠的选择。

D3.js

最终成为Protovis.js的后继者,D3能够通过动态更新DOM来创建精美的图形。 D3.js是数据驱动文档的首字母缩写,在编写可视化脚本脚本时使用了链接方法,随后创建了可重用的动态代码。 由于依赖于DOM,因此D3已根据W3C Web标准创建,因此该库可以在Web浏览器中正确呈现。 最后,D3的路径生成器函数定义为d3.svg.line() ,它使开发人员能够通过定义不同的路径及其属性来生成少数d3.svg.line()

InfoVis

JavaScript InfoVis Toolkit(JIT)通常称为InfoVis,它也获得了作为数据可视化JavaScript库的功能。 配备了WebGL支持的InfoVis已受到Mozilla和AlJazeera等名称的信任,显示了其作为可视化工具的声望。 与D3框架一起,InfoVis还利用链接方法来操纵DOM,从而使其成为任何技能组开发人员的可靠库。

Google可视化API

来自Google Developers Console(GDC)的Google Visualization API几乎可以用任何代码来调用。 除了简单的DOM修改之外,此Google API还使用户可以轻松定义自定义修饰符函数,然后将其放置到自定义组中。 此外,该接口的可用性以及GDC开源网络的支持使其成为数据可视化工具列表中的佼佼者。

Springy.js

Springy.js是一个JavaScript库,它依靠一种算法来创建力导向图 ,从而导致节点在网页上以类似弹簧的方式进行React。 尽管Springy.js配置有预定义的算法,但是可以轻松地将诸如弹簧刚度和阻尼之类的选项作为参数传递。 Springy.js是由Dennis Hotson开发的,它是供开发人员使用的库,这一点他很清楚。

Polymaps.js

Polymaps.js利用SVG生成了具有跨浏览器兼容性的交互式Web地图。 Polymaps的核心是矢量图块,可帮助确保最佳加载速度和最佳缩放功能。 尽管可能会随组件一起配置,但是Polymaps.js易于自定义,并且能够以矢量几何, GeoJSON文件等形式读取数据。 查看美国人口普查自治区创建的以下美国图表。

酒窝

去年1月,开发了Dimple API,以便Align-Alytics的分析人员可以开发强大的数据可视化,而无需掌握很多开发知识。 话虽这么说,Dimple使得任何人(无论分析师与否)都可以轻松地开发出精美的三维图形,而无需任何实际JavaScript培训。 此外, dimplejs.org显示了一些演示,可以由一个人的个人数据轻松对其进行操作,以呈现具有相同配置但值不同的图形。 因此,如果您或您认识的任何人正在尝试深入JavaScript的深度,那么这些示例非常适合初学者参观和探寻。

Sigma.js

对于希望构建高度先进的折线图的人们,Sigma.js在其库中以及其插件中提供了令人难以置信的大量交互式设置。 使用Sigma.js进行开发的人大呼一句标有“专用于图形绘图”的座右铭,他们觉得自己选择了一个可靠的库来工作。 此外,Sigma的开发人员鼓励人们重新配置该库并创建插件,从而形成了一个庞大的开源网络。 综上所述,我对Sigma的各个方面感到非常满意,它是我最喜欢的用于在JavaScript中创建图形表示形式的库之一。

Raphael.js

创建Raphael.js库的重点是浏览器兼容性。 该框架遵循SVG W3C建议书,该建议书是一组标准,可确保图像完全可缩放且没有像素化。 除了使用SVG,如果在IE9之前的Internet Explorer浏览器中呈现,Raphael.js甚至会还原为矢量模型语言(VML)。 尽管VML在今天很少使用,但对它的支持在显示Raphael.js团队在开发该库时对该项目的关注细节方面做得很好。

拉斐尔

尽管Raphael.js是用于创建SVG的库,但其构建并不是完全集中于大型数据集的表示。 反过来,创建了gRaphaëlJavaScript库。 gRaphaël.js仅重10KB,事实证明它是Raphael.js的值得扩展。 尽管可能尚未开发出像力驱动算法这样的东西,也没有预先配置任何物理属性,但是gRaphaël仍然是一个受人尊敬的库,其原因包括从交叉兼容的SVG结构到易于使用等。用。 只要它与手头的任务相吻合,我相信应该始终将gRaphaël.js视为完成项目的可行资源。

传单

无论是为智能手机,平板电脑还是台式机而开发,Leaflet JavaScript库都出于以下几个原因而位于交互式映射库的顶部。 Leaflets开发团队由MapBox创始人Vladimir Agafonkin领导,致力于创建“在设计时考虑到简单性,性能和可用性的库”。 Leaflet与Polymaps共享通过矢量图块渲染SVG图案的功能,但是只有Leaflet被开发来支持Retina显示。 此外,Leaflet可以解释各种形式的数据,例如GeoJSON ,使其非常适合许多任务。

灰烬图

对于已经使用Ember.js这样的工具的人Addepar Open Source的开发人员创建了一些扩展库来扩展Ember的使用体验:Ember Table,Ember Widgets和Ember Charts。 Ember Charts是Ember.js和D3.js的子级,利用了平面设计的属性。 尽管数量有限,但该库确实具有处理诸如颜色和​​大小之类的属性的少数选项,这使得创建令人印象深刻的可视化变得相当简单。 尽管如此,Ember在前端的存在确实可以帮助将来Ember Chart的普及。

结论

从而总结了十二个有效JavaScript库用于数据可视化的列表。 正如我在本文前面所提到的,随着时间的流逝,交互式数据模型的需求变得越来越大,而当前的大数据趋势表明,这种情况将持续一段时间。 因此,熟悉上面的库绝对可以对自己的职业有所帮助。

翻译自: https://www.sitepoint.com/twelve-javascript-libraries-data-visualization/

javascript可视化

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值