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

最新推荐文章于 2024-09-22 11:15:58 发布

dingshi7798

最新推荐文章于 2024-09-22 11:15:58 发布

阅读量381

点赞数

文章标签：可视化 python java 大数据编程语言

原文链接：https://www.sitepoint.com/twelve-javascript-libraries-data-visualization/

版权

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的普及。