本文讨论了三种主要的JavaScript框架，用于向客户端可视化数据。Processing.jsProcessing既是一种语言也是一种编程环境，其本地代码使用类似Java的语法。Processing的用户调用他们的应用程序草图，而Processing.js只是将本机代码转换为JavaScript以在网页上呈现它们。它还有一个setup()和draw()函数，分别用于初始化应用程序状态和在画布元素上绘图。这是展示您的网页的一种高效而简单的方法。它还允许用户交互，因为它接受用户输入；从而使它成为一个非常足智多谋的工具。Raphael.js据说拉斐尔的强项是可以轻松画图。要使用Raphael，您只需要一个浏览器和一个文本编辑器。Raphael还允许编码，当用户加载您的网页时，您可以在其中编写命令以独特的方式绘制内容。Raphael支持：适用于几乎所有浏览器、旧浏览器和最有可能出现的浏览器。无需外部插件即可正常运行。它是否适合移动设备。Raphael直接使用浏览器的内置图形语言，称为可缩放矢量图形(SVG)。然而，Raphael与旧版浏览器兼容的主要原因是它可以很好地处理称为矢量标记语言(VML)的格式。Raphael是纯JavaScript；这意味着它可以无缝、自然地与网页一起工作。Raphael.js是比Processing.js更流行的框架。它在数据可视化社区也有很多用户，每当出现任何问题时，总会有人帮助你。是开源的，肯定会改进，以后Raphael会流行。所有这些都可能使Raphael.js比其他数据可视化框架更具优势。Raphael的学习曲线很简单，几乎可以立即上手。D3.jsD3代表（DataDrivenDocuments），顾名思义；为数据可视化目的精心包装。它将原始数据集转换为可视化效果，并与MicrosoftExcel无缝协作。与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网站并下载最新版本。在决定使用什么框架进行数据可视化时，您必须知道您的优先级。
