3个JavaScript 可视化框架

粤嵌教育 05-31 3156

前言：

如今大家对“css3可视化”可能比较注重，同学们都需要了解一些“css3可视化”的相关知识。那么小编在网上收集了一些关于“css3可视化””的相关内容，希望大家能喜欢，大家一起来学习一下吧！

数据逐渐成为当今世界非常重要的方面工具，数据正在驱动世界。像 JavaScript 这样的语言对于显示网页的方式非常重要，并且它拥有一种向客户端显示数据的方法是完全有意义的。

本文讨论了三种主要的 JavaScript 框架，用于将数据可视化到客户端。

Processing.js

Processing 既是一种语言又是编程环境，其原生代码采用类似 Java 的语法。Processing 的用户调用他们的应用程序草图，Processing.js 只是将本机代码转换为 JavaScript，以便在网页上呈现它们。

它还有一个 setup() 和 draw() 函数，分别用于初始化应用程序状态和在画布元素上绘图。

这是一种高效且轻松的方式来展示你的网页。它还为用户的交互提供了空间，因为它可以接受用户的输入；从而使它成为一个非常足智多谋的工具。

Raphael.js

据说Raphael的强项是它能够轻松绘制。要使用 Raphael，你只需要一个浏览器和文本编辑器。Raphael还也允许编码，你可以为其编写命令，以便在用户加载你的网页时以独特的方式绘制事物。

Raphael支持：

适用于几乎所有浏览器、旧浏览器和最有可能出现的浏览器。

不需要外部插件即可正常运行。

是否对移动设备友好。

Raphael 直接使用浏览器的内置图形语言，称为可缩放矢量图形 (SVG)。

然而，Raphael 与旧版浏览器兼容的主要原因是它可以很好地与一种称为矢量标记语言 (VML) 的格式配合使用。Raphael 是纯粹的 JavaScript；这意味着它可以与网页无缝自然地协同工作。

Raphael.js 是一个比 Processing.js 更流行的框架。它在数据可视化社区中也有很多用户，每当出现任何问题时，总会有人帮助你。它是开源的，肯定会得到改进，Raphael 未来会很流行。所有这些很可能使 Raphael.js 比其他数据可视化框架更具优势。

Raphael 有一个简单的学习曲线，几乎可以立即使用。

D3.js

D3 代表（Data Driven Documents），顾名思义；为数据可视化目的而精心包装。它将原始数据集转换为可视化，并与 Microsoft Excel 无缝协作。与 Raphael.js 一样，D3 使用 SVG 并将可视化形状作为 DOM（文档对象模型）的一部分。这意味着你可以使用级联样式表 (CSS) 来设置和设计数据的样式。

D3.js 基于 HTML、DOM、CSS、SVG 并且还支持 Canvas。 D3 在其上构建了许多其他允许拖放的框架。 D3 是一个很好的长期投资工具，可以创建你自己的库，然后你可以使用这些库来加快创建过程。出于数据可视化的目的，与 SVG 最重要的交互是将数据绑定到它们，D3 允许围绕它们重写数据包装器。

就目前而言，D3.js 不仅在许多情况下优于 Raphael.js 和 Processing.js，而且还是 jQuery 和其他框架的可行替代品。基于 D3 构建的工具包括 MetricsGraphics、Epoch、Vega、NVD3 等等。可以使用这些工具来代替从头开始学习 D3。要开始使用 D3，请访问 D3 网站并下载最新版本。