社区编辑申请
注册/登录
聊一聊三个JavaScript 可视化框架
开发 前端
数据逐渐成为当今世界非常重要的方面工具,数据正在驱动世界。像 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 网站并下载最新版本。

在决定使用什么框架进行数据可视化时,你必须知道自己的优先级。


责任编辑:华轩 来源: 今日头条
相关推荐

2022-05-18 23:42:08

网络安全安全分析工具

2022-04-20 20:28:40

HDF 驱动框架鸿蒙操作系统

2022-05-11 15:08:52

驱动开发系统移植

2022-05-17 16:56:33

开发工具前端

2022-04-30 08:43:52

Spring模块化框架

2022-05-12 16:27:07

2022-05-03 22:25:57

Python浏览器语言

2022-05-16 10:36:08

GitHub开源项目

2022-05-16 09:34:17

Python可视化图表

2022-05-17 14:03:42

勒索软件远程工作

2022-05-18 10:58:36

LinuxKali Linux

2022-05-02 16:27:01

JavaScriptHTMLPython

2022-04-01 15:02:56

前端工具开发

2022-05-11 08:23:54

自动化测试软件测试

2022-05-17 15:51:32

数据中心运维能力基础设施

2022-05-20 14:54:33

数据安全数字化转型企业

2022-05-16 11:50:45

HDF驱动框架

2022-04-20 20:30:36

2022-04-15 10:30:03

美团技术实践

2022-05-20 16:50:33

区块链Web3加密资产

同话题下的热门内容

有人问,如何找到适合的Python库?让程序员心动的11种新编程语言提升Java字符串编码解码性能的技巧为什么 NodeJS 是构建微服务的最佳选择?Flutter vs ReactJS:2022年应该选哪个?API类型和集成规范指南JavaScript 中 Fetch 是如何工作的再有人问你什么是分库分表,直接把这篇文章发给他

编辑推荐

太厉害了,终于有人能把TCP/IP协议讲的明明白白了!牛人5次面试腾讯不成功的经验HBase原理–所有Region切分的细节都在这里了Javascript如何监听页面刷新和关闭事件如何搭建一个HTTPS服务端
我收藏的内容
点赞
收藏

51CTO技术栈公众号