7个使用JavaScript构建数据可视化的实用工具库

1、 D3

地址:https://github.com/d3/d3D3目前在GitHub上拥有90,000个star,使其成为可用的最受欢迎的JavaScript库之一。这是一个了不起的库,用于使用Web标准(SVG,Canvas,HTML)使用JavaScript可视化数据。它结合了强大的交互和可视化技术,以数据驱动的方式来操作DOM。它允许将任意数据绑定到DOM,然后将其转换应用于文档。主要特征:

  • 全部功能Web标准化
  • 支持大型数据集
  • 提供官方和社区开发的模块

2、Three.js

地址:https://github.com/mrdoob/three.jsthree.js是另一个用于数据可视化的很棒的JavaScript库,目前有大约60,000个GitHub star。它希望使用默认的WebGL渲染器创建一个易于使用,简单且轻巧的3D库。主要特征:

  • 默认的WebGL渲染器
  • 支持Canvas 2D,SVG和CSS3D的渲染器
  • 好的文档

3、Chart.js

Chart.js是面向设计人员和开发人员的简单但灵活的JavaScript图表库,目前在GitHub上拥有约50,000 star。它具有出色的文档,并且很容易入门。主要特征:

  • 混合图表类型
  • 开箱即用的惊人过渡
  • 开源项目
  • 支持八种图表类型
  • 反应灵敏

4、Paper.js

Paper.js是一个运行在HTML5 Canvas顶部的开源矢量图形脚本框架。它提供了许多强大的功能来创建和使用贝塞尔曲线和矢量图形。它基于Scriptographer,这是Adobe Illustrator的脚本环境。Paper.js对于初学者来说很容易学习,但对于高级用户也有很多高级功能。主要特征:

  • 易于上手
  • 精心设计且经过严格考验的API
  • 基于Scriptographer,使用HTML5标准
  • 它提供嵌套的图层,组,路径,复合路径,栅格,符号等。

5、 Fabric.js

Fabric.js是一个很棒的JavaScript框架,可轻松使用HTML canvas元素。它在canvas元素的顶部有一个交互式对象模型,还有一个SVG到画布的解析器。使用Fabric,您可以使用JavaScript轻松创建简单的形状,例如圆形,三角形,矩形或其他多边形。主要特征:

  • 单元测试
  • 模块化架构
  • 跨浏览器功能
  • 快速,并遵循语义版本控制

6、ECharts

ECharts是一个功能强大的JavaScript可视化和图表库,它提供了向应用程序添加交互式,直观且高度可自定义的图表的简便方法,目前在GitHub上约有40,000星。它基于ZRender并用纯JavaScript编写。主要特征:

  • Apache Software Foundation的孵化器项目
  • 免费使用
  • 支持多维数据分析
  • 活跃社区
  • 各种设备尺寸的图表

7、 Two.js

Two.js是在现代浏览器中用于二维绘图的小型API。它与渲染器无关,可使用相同的API在多个上下文(例如WebGL,Canvas2D或SVG)中进行渲染。主要特征:

  • 专注于矢量形状
  • 依赖场景图
  • 内置动画循环
  • 具有可扩展的矢量图形解释器
原文地址:https://www.cnblogs.com/xiewangfei123/p/13029441.html