交互式 HTML 是在 JMP® 版本 11 中引入的。每个后续版本都增加了对更多交互式功能的支持。
在 JMP 15 中，交互式 HTML 也支持我们的新产品JMP Live 。
交互式 HTML 单独使用时，用户能够共享 JMP 报表。JMP Live 则通过协作、组织、安全、自动化以及更强大的交互功能，为共享提供支持。
本文介绍了 JMP 15 Interactive HTML 中单独使用和作为 JMP Live 的一部分使用的新功能。
他们如何合作？
通过选择“文件：另存为”或“文件：导出”，您可以将任何 JMP 报告导出为交互式 HTML。这将创建一个独立的 Web 应用程序：一个扩展名为“.htm”或“.html”的单个文件。
该文件可以加载到任何现代 Web 浏览器中，用于查看分析结果并探索数据。该文件可以通过电子邮件发送，或存储在共享驱动器或网站上与他人共享。如图 1 所示，连接是单向的：JMP 创建文件，但文件无法与 JMP 通信。而 JMP Live 的连接是双向的，从而实现了更高的交互性。
Figure 1. JMP Interactive HTML and JMP Live图 1. JMP 交互式 HTML 和 JMP Live图 1. JMP 交互式 HTML 和 JMP Live
现代网络浏览器速度很快，因此我们仅在需要时使用双向连接。否则，我们的软件仅在网络浏览器中运行。这种架构可最大限度地提高速度，并最大限度地降低客户的网络传输成本，因此我们计划在未来的版本中对其进行维护和改进。
JMP 15 有哪些新功能？
当我们向交互式 HTML 添加新功能时，它们在 JMP Live 中也能正常工作。在 JMP 15 中，我们更新了用户界面，并添加了更多交互式报表。
现代用户界面
在网络上，五年被认为是一代。一切都变化得如此之快。因此，我们为 JMP 11 设计的用户界面已经有六年历史了——是时候进行彻底的革新了。
多年来，桌面和 Web 应用程序都使用三维作为对象可交互的视觉提示。例如，按钮看起来就像现实生活中的按钮一样具有三维效果，以便用户知道它们可以被按下。我们的按钮和其他控件也沿用了这种“3D”风格。
自2012年左右开始，“扁平化”风格开始流行，最突出的体现是微软Windows 8的Metro设计（Ralph，2012）。这种风格外观简洁干净，但缺乏3D视觉提示。当时，可用性专家提出了担忧：如果每个对象看起来都同样易于点击，用户将不知道哪个对象可用（Nielsen，2012）。
近年来，“扁平化”风格已被“扁平化 2.0”（Moran，2015；Cousins，2016）所取代。这种风格保留了扁平化的外观，并添加了微妙的 3D 阴影和交互效果，以提供视觉提示。外观依然简洁干净，但视觉提示能够帮助用户了解操作。
Figure 2. 3D, Flat, and Flat 2.0 Styles图 2. 3D、扁平化和扁平化 2.0 样式图 2. 3D、扁平化和扁平化 2.0 样式“扁平化 2.0” 样式的一个典范是 Google 的Material Design （Cousins，2015），我们选择它作为我们的用户界面样式指南。这是一个双赢的局面。我们受益于 Google 的设计。此外，这些设计也应用于 Google Chrome、Google Mail 和其他广泛使用的产品中。通过遵循这一熟悉的标准，我们降低了用户的学习成本。
我们还开始支持两种颜色主题：灰色和浅色。
Figure 3. Gray and Light Themes图 3. 灰色和浅色主题图 3. 灰色和浅色主题
最终，我们找到了一种可靠的触摸屏检测算法。这个问题比大多数人想象的要难得多（Cox，2013；Peterson，2018）。解决这个问题使我们能够提供两种用户界面，分别针对桌面和平板电脑进行定制。按钮和其他控件的大小可以根据设备进行调整。在桌面上，用户无需切换模式即可刷写数据或选择多个对象，从而节省了时间。
更多交互式报告
在JMP 15中，交互式HTML报告更具交互性。
我们采取的措施之一是改进对自定义图形脚本的支持。这是 JMP 的一个重要但相当隐蔽的功能；除非您在 JSL 脚本中绘制圆形、矩形或其他图形基元，否则您可能不会注意到它们。尽管这些脚本是隐蔽的，但它们已在许多 JMP 平台中使用，并且现在这些平台的交互性都得到了增强。
Figure 4. Custom Graphics Script in Discriminant Platform图 4. Discriminant Platform 中的自定义图形脚本图 4. Discriminant Platform 中的自定义图形脚本
此外，图形生成器的报表还支持更多交互功能。以下是一些示例：
- 条形图（并排间隔条形图）
- 线图（水平响应、堆叠线）
- 面积图（水平响应、堆叠面积）
- 热图（按值标记、分类颜色角色、对数尺度、更多统计数据）
Figure 5. More Interactive Graphs from Graph Builder图 5. Graph Builder 中的更多交互式图表图 5. Graph Builder 中的更多交互式图表
还增加了对条件数据过滤器的支持，其中一个过滤器的值由另一个过滤器决定。
Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter.图 6. 条件数据过滤器。第三个过滤器中的州由第二个过滤器中的人口决定，而第二个过滤器中的人口又由第一个过滤器中的地区决定。图 6. 条件数据过滤器。第三个过滤器中的州由第二个过滤器中的人口决定，而第二个过滤器中的人口又由第一个过滤器中的地区决定。
我们已开始添加对控制图生成器的支持。JMP 15.0 仅支持工具提示；但这是我们正在努力的方向。
最后，JMP 15 中的刻画器可在更多平台上进行交互，包括对数线性方差、分割、提升树和引导森林。
Figure 7. LogLinear Variance Profiler图 7. 对数线性方差刻画器图 7. 对数线性方差刻画器
JMP Live Reports 中仅包含哪些内容？
JMP Interactive HTML 功能强大，但作为独立的 Web 应用程序，其交互性有限。JMP Live 可以重新运行分析。重新运行分析的两种方式是切换列和排除行。
JMP Live 支持列切换器。您可以像在 JMP 中一样切换列以重新运行分析。
Figure 8. Column Switcher in JMP Live, Exploring Air Quality Data图 8. JMP Live 中的列切换器，探索空气质量数据图 8. JMP Live 中的列切换器，探索空气质量数据
此外，在 JMP Live 中，数据过滤器除了支持“选择”和“隐藏”状态外，还支持“排除行”状态。使用数据过滤器排除或包含行，分析将重新计算。
Figure 9. Data Filter Include/Exclude Menu图 9. 数据过滤器包含/排除菜单图 9. 数据过滤器包含/排除菜单最后，您还可以不使用数据过滤器来排除行。例如，要排除异常值，请选择该值，然后选择“排除并隐藏所选行”菜单。同样，这会重新生成整个分析。
Figure 10. "Hamburger" Include/Exclude Menu图 10。“汉堡包”包含/排除菜单图 10。“汉堡包”包含/排除菜单
这些功能的交互式示例可以在 JMP Public 上看到：
概括
JMP Interactive HTML 的每个新版本都添加了对更多交互功能的支持。在 JMP 15 中，除了现代化的用户界面外，我们还改进了自定义图形、图形生成器、条件数据过滤器、控制图生成器和刻画器中的交互性。
当交互式 HTML 与 JMP Live 一起使用时，可以通过切换列或排除行来重新计算整个分析。
我们将在未来的版本中继续改进交互式 HTML，增加对客户最需要的 JMP 功能的支持。
参考
Cousins, C. (2015)“Material Design 的真正优点是什么？”， https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ 。
Cousins, C. (2016)，《什么是扁平化 2.0 以及你为什么要关注它？》， https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ 。
Cox, S. (2013)“你无法检测触摸屏”， http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ 。
Moran, K. (2015) “扁平化设计：起源、问题以及扁平化 2.0 为什么更适合用户”， https://www.nngroup.com/articles/flat-design/ 。
Nielsen, J. (2012) “ Windows 8 — 对新手和高级用户而言都令人失望的可用性”， https://www.nngroup.com/articles/windows-8-disappointing-usability/ 。
Petersen, J. (2018)“检测触摸设备：2018 年更新”， https://peterscene.com/detecting-touch-devices-2018-update/ 。
Ralph, N. (2012)“Windows 8 Metro UI：Windows 的大胆新面貌”， https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html 。
