ParaViewWeb（翻译一）

##ParaViewWeb

用于构建基于web的科学可视化的JavaScript库

ParaViewWeb，JavaScript库，Web 框架，用来在Web 浏览器里构建交互式的科学可视化的应用程序。这些应用可以利用VTK或者ParaView作为后端，进行大量的数据处理和渲染，还可以在静态的Web服务器，如Apache或者Nginx上使用。甚至可以构建本地命令行工具并使用浏览器与应用程序进行交互。

一个现代化的方式

全新的ParaViewWeb已经采用了下一代的JavaScript规范，允许跨项目间更好的代码重用，而不会在开发者的应用程序中强制代码庞大。这个功能允许ParaViewWeb（JavaScript库）贡献者可以收集所有专业的以ParaViewWeb中的基于Web的科学可视化的以组件，UI，数据处理和算法的形式的知识，而不会给利用库的最终应用带来不必要的成本。开发者通过科学可视化快速构建下一代基于Web的应用程序，仅仅需要提取需要的功能和特性，并抛弃多余部分。

功能和特性

ParaViewWeb 提供几个模块，应用开发者将会发现在构建科学数据和可视化的现代化基于Web应用时非常有用。

通用：数据模型和助手

数据模型定义数据与组件如何相互关联。在ParaViewWeb 中，致力于科学可视化的制作最简单，最通用的数据模型，满足基于Web应用程序的具体需求。通用模块提供核心数据模型和助手，以在某些组件和功能存在的情况下，智能提高数据模型，包括，颜色处理，屏幕外的画布，WebGL应用程序以及保持多个可视化组件和UI小工具状态的不同的数据模型扩展。

可视化组件

ParaViewWeb提供了一批可视化组件，用于阐明大规模数据集的模式和结构。如图1所示，每个组件突出了的查看数据集的多种可能方式之一。这些可视化组件可以集成到基于Web的工作太环境，提供新的用于提供发现，探索，过滤和分析的界面。可视化组件模块是一系列的交互工具用于探索和可视化数据，分享相同的API（设置容器/ 调整大小 / 渲染 / 销毁）。当前，这些可视化组件演示多种不同的信息可视化的类型。ParaViewWeb有一个互信息图（如图一所示），两个随机变量的互信息是两个变量间的相互依赖性的度量。这意味着通过一个随意变量获取另一个随机变量的知识。这个可视化组件还包括：场选择器，一维的直方图和平行坐标。期待看到Sankey图，一种特种类型的流程图，其箭头的宽度与流量成正比例显示，以及在不久的将来，用于注释数据的其他工具。

交互

在科学，工程和医学研究中发现交互式可视化是一个至关重要的机制，这些工具使最终用户可以专注于有趣的细节，定制化内容，并修改可视化，同时增强对大量数据的探索。在最好情况下，他们为探究便利了一个舒服的环境。ParaViewWeb的交互模块，由协助用户输入/交互，鼠标和触摸处理组成，使开发者更容易轻松的创建有魅力的基于Web的科学可视化的应用程序。

数据存取（I/O）

ParaViewWeb的IO模块旨在提供与各种数据源的连接，主要包括以下三种方式：
Core：Core提供几种下载帮助，处理基于模式的多种类型数据（二进制，图像，文本，csv，json等）的数据查询。
WebSocket：WebSocket给VTK或者ParaView的后端提供通信帮助。
Girder：Girder提供一个组合的网络客户端，简化与 Kitware的Girde的交互的数据管理系统作为后端。
ParaViewWeb的助手仅仅使用基于JavaScript的XHR和WebSocket的客户端。
XHR是一个浏览器内置的主要的HTTP客户端。XHR（特别是XHR的2.0）在浏览器的原生（C++）代码实现的，并作为JavaScript API的公开。对于XHR，ParaViewWeb依赖于标准请求来获取任一类型的数据，但提供更高级别的API用于访问。
WebSockets通过HTTP，在服务器与客户端间，提供网络连接，允许双向通信，并且目前大部分浏览器都支持这种方式。ParaViewWeb依赖于WebSockets ，提供基于Python的VTK或者ParaView服务器的简单界面，为了产生交互数据，几何和图像。
最后，ParaViewWeb 为Kitware的数据管理系统Girder，提供一个客户端，提供一致的接口，以便在JavaScript代码库中提供一致的接口。

UI小部件

ParaViewWeb提供两种形式的UI小部件

• Native UI：Native UI 小部件由多种UI片段组成，之间没有依赖关系
• React UI：React UI小部件由Facebook开发团队的OpenSource项目的React组成。

ParaViewWeb的NativeUI和React模块提供多种UI小部件
ParaViewWeb的开发者已经发现React可以轻松的从小型封装的React组件创建复杂的交互式UI。ParaViewWeb，JavaScript库，提供了许多已知的UI组件（如，TextInput），而且也包含一些更适合科学可视化交互的神奇小组件。
图3a中的选择编译器，可以用来执行多范围、多字段的选择。如图3b描述，查询表的创建是渲染科学可视化技术的常见任务。如图3c所示，已经运用均衡器编辑器，作为科学可视化元素的不透明度的控制，例如计算机辅助设计（CAD）部件（零件）或者三维（3D）数据集的分层等值线。如图3d所示，对于VTK和ParaView，WebGL 科学可视化元素，或者JavaScript，或WebGL与图像组合成科学可视化元素的渲染中，场景的灯光属性是至关重要的。最后，如图3e所示，一个传感器函数的编译器，用于科学可视化的不透明度映射和卷可视化。