等级:初学者
Josh Markwordt,JMP 软件开发人员,SAS
John Powell,JMP 首席软件开发人员,SAS
交互式 HTML 支持 JMP 的许多探索性功能,包括点识别、链接、刷亮和(JMP 14 中的新功能)数据过滤。 保存的报告可以与同事共享或上传到网络服务器以在任何现代网络浏览器中查看。 除了支持数据过滤外,JMP 14 中的交互式 HTML 还增加了对图形生成器中树状图的支持。 本白皮书演示了何时以及如何使用交互式 HTML 来共享和探索 JMP 结果。
介绍
自从 JMP 11 中的交互式 HTML 项目开始以来,我们的目标就是让那些还没有 JMP 的人也可以访问 JMP 丰富的图形和强大的分析。 Web 是展示这些报告的自然场所,也是现代协作开展的场所。在本次演讲中,我们将概述 JMP 14 for Interactive HTML 的新功能,提供有关如何在网络上共享 JMP Interactive HTML 报告的技巧,并分享海洋生物学家使用 JMP Interactive HTML 完成的一些工作以分享并合作进行他的研究。
Diamond Price vs. Carat Weight, Filtered by ColorDiamond Price vs. Carat Weight, Filtered by Color钻石价格与克拉重量,按颜色过滤
JMP 14 功能
JMP 有许多平台和工具来分析您的数据,我们力求在每个版本中为我们的输出添加额外的功能,以帮助您在网络上探索和共享您的数据。在 JMP 14 中,树状图已添加到图形生成器输出中,并且具有隐藏和选择功能的数据过滤器可用于探索您的数据。
交互式 HTML 报表支持 JMP 的许多探索性功能。可以通过将鼠标悬停在桌面上的点上时显示的工具提示或通过点击移动设备上的元素来识别单个点或图形元素。正如在 JMP 中一样,图表是链接在一起的,以便在一个图表中选择的行在所有图表中突出显示 [1,2]。
Selecting multiple objects and linking between graphical elementsSelecting multiple objects and linking between graphical elements选择多个对象并在图形元素之间进行链接通过使用页面顶部显示的不同模式和单击或点击第二个切换按钮,您可以拖动一个矩形来选择图表中的行。 这就是所谓的刷牙,一种探索多元数据的重要技术 [1]。
Brushing points to explore the dataBrushing points to explore the data刷分探索数据
JMP 14 中的新功能是可以按列或列组合进行过滤。首先从任何 JMP 报表的红色小三角菜单中选择本地数据过滤器菜单项,选择一个或多个列并点击添加。支持分类和连续过滤器的控件,并使用分布进行装饰。在 JMP 14 中,支持 AND 和 OR 逻辑的所有组合,以允许创建一些复杂的过滤器。选择和隐藏状态在任何地方都以一致的方式得到支持,这减轻了不了解 JMP 的用户的学习曲线。
请务必注意,当发布到文件时,交互式 HTML 输出不支持排除/包含数据的功能,这意味着如果行在 JMP 中被排除,则仅导出包含行的子集,用户将无法在网络上探索排除的数据。例如,下面的双变量图选中了“包括”复选框(在左侧的 JMP 中),因此通过选择男性,它们是唯一显示的点,并且是拟合线时唯一考虑的值。 因此,此图的交互式 HTML 导出在其数据过滤器(右侧)中只有男性。
Bivariate of Big Class with only Males included before exporting to Interactive HTMLBivariate of Big Class with only Males included before exporting to Interactive HTML在导出为交互式 HTML 之前仅包含男性的大类双变量如果意图是让用户同时探索男性和女性的身高,但最初您想将注意力吸引到男性身上,请在选择男性并导出之前取消选中“包括”复选框(如左侧 JMP 中所示)。在这里您将看到,虽然初始图表在 Interactive HTML 中与第一次相同,但数据过滤器包括男性和女性,通过过滤您可以检查整个数据集,或单独检查性别。
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset.Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset.取消选中 Include 复选框允许您最初只显示男性,但仍允许用户探索整个数据集。 Treemap 是分析分层数据的重要图形工具。下面是使用默认选择的拆分算法从样本数据库的城市数据集创建的树状图。
Treemap of Cities data sized by lead levelsTreemap of Cities data sized by lead levels按潜在客户级别确定大小的城市数据树状图
拆分算法创建一个树状图,其中的单元格按单元格分组的名称排序。或者,可以选择 squarify 算法来创建一个树图,该树图按单元格的大小排序,在本例中为城市的领先水平。
Treemap of the Cities by lead levels using the squarify algorithmTreemap of the Cities by lead levels using the squarify algorithm使用 squarify 算法按潜在客户级别划分的城市树状图
导出的 HTML 树状图支持您在从 JMP 14 中的 JMP 导出之前设置的所有选项。结合本地数据过滤器,您可以探索网络上的树状图和其他图形类型。
如何与 JMP 共享
之前的演示文稿展示了如何在 Windows 中使用“文件”->“另存为”菜单选项将 JMP 报告保存为交互式 HTML,在 Mac 上使用“导出”,以及保存交互式 HTML() JSL 命令从脚本 [3] 创建此内容。你可以创造强大的仪表板通过 Dashboard Builder 或使用合并窗口功能如图所示网上例子.但分享这些报告的最佳方式是什么?
这个问题的答案取决于您希望共享文件的范围。在内部网络中,简单的共享网络驱动器可能是最好的方法。 有时,电子邮件设置会阻止 HTML 内容或强制用户将大型附件下载到他们的个人计算机或移动设备上。有多种在线文件共享服务,但支持各不相同。截至 2017 年 9 月, Dropbox 不再呈现 HTML 内容.同样地, Google 云端硬盘于 2015 年弃用了此功能.目前,我们不能建议将文件共享服务作为交换呈现的 HTML 内容的可靠方法——您可以共享文件,但它们必须下载或可能显示为文本文件,而我们真正想要的是喜欢做的是单击链接并查看报告。
对于不习惯自己管理功能齐全的网络服务器的客户,有几个托管/网页设计网站宣传可以在几乎不了解编程的情况下快速开发网站。 称为内联框架或 iframe 的 HTML 元素可用于将一个网页的内容嵌入到另一个页面中,例如 JMP 社区允许 iframe 嵌入内容。但是,您选择的提供商可能不允许在其系统中使用 iframe。如果网页以 HTTPS 提供,则不能在 iframe 中托管 HTTP 内容,这种情况称为“混合内容”,这是现代浏览器的一项安全功能。鉴于您正在使用的框架,这对您来说可能是一个可行的解决方案,但正如下面的客户案例所示,它可能需要一些工作。
珊瑚礁客户案例
共享数据的能力已经对我们的客户产生了影响。一个故事是安德森梅菲尔德博士的珊瑚礁诊断研究 [4] . 在从世界各地的珊瑚礁收集数据多年之后,他创建了一个网站来分享他使用 JMP 进行的数据和分析,以便类似的科学家或统计学家可以合作预测珊瑚礁在不断变化的全球气候中的健康状况。 他的站点托管在 SquareSpace 上。
Dr Anderson B. Mayfield's webpageDr Anderson B. Mayfield's webpage Anderson B. Mayfield 博士的网页他咨询了 JMP 社区,寻求有关如何在他的网站中嵌入 JMP 交互式 HTML 报告的建议,而 SquareSpace [5] 似乎并未直接支持该报告。 感谢我们社区的回应,特别是我们自己的首席软件开发人员之一 Nascif Abousalh-Neto,他了解到通过在 Amazon S3 上托管他的交互式 HTML 文件并使用 iframe,他可以在中间嵌入交互式 HTML 报告描述所收集数据的页面。
随着 JMP 14.2 的发布,现在 JMP Public 可用,他将能够使用 JMP Interactive HTML 报告做同样的事情,提供通过连接到实时 JMP 服务器实现的高级功能。用户可以直接链接到 JMP Public 上的报告,或者系统可以轻松地将报告嵌入其他平台,包括生成 iframe HTML 标记以粘贴到另一个网页。与独立的交互式 HTML 不同,数据可以被排除或包含,依靠 JMP 服务器处理分析并在您已经习惯的相同 Web 界面中显示更新的结果,但具有用于 JMP Public 的时尚新用户界面。
要共享发布到 JMP Public 的报告,只需单击页面顶部的“共享”图标,然后选择“嵌入代码 (iframe)”,如下所示:
Embedding an iframe of interactive HTML reports published on JMP Public is easy.Embedding an iframe of interactive HTML reports published on JMP Public is easy.嵌入在 JMP Public 上发布的交互式 HTML 报告的 iframe 很容易。这会将用于在您的网页中生成 iframe 标记的 HTML 代码放到您的剪贴板上,如下所示:
<IFRAME class="jmp-share-iframe" frameborder="0" width="800" height="600" src="https://public.jmp.com/api/packages/Diamond-Price-vs-Carat-Weight-Filtered-b/js-p/5bb3d86e615499085427cde3/indexPage" style="margin: 0.8em 0;"></IFRAME>
只需将此代码粘贴到您希望它出现的 HTML 页面中,就像下面针对本文开头显示的图像的实时版本所做的那样,您就可以在页面中呈现交互式内容。
结论
交互式 HTML 现已可用于四个 JMP 版本。 我们希望您已经找到有趣的方式来使用它,就像 Anderson Mayfield 博士努力合作发现改善世界各地珊瑚礁健康的方法一样。 我们希望了解您的成功和挑战,并帮助您使用 JMP 的交互式 HTML 报告和仪表盘进行协作。请访问交互式 HTML 示例或探索本文关于 JMP Public 的示例.
参考
[1] Becker R. 和 Cleveland W. (1987)。 “刷散点图”,技术计量学, 127-142。
[2] Stuetzle W. (1987)。 “绘制窗口”,美国统计协会杂志,82 , 466-475。
[3] https://community.jmp.com/t5/Discovery-Summit-2017/Sharing-Interactive-Web-Reports-in-JMP-13/ta-p/44069
[4] http://coralreefdiagnostics.com
[5] https://community.jmp.com/t5/Discussions/posting-interactive-html-plots-on-websites/mp/60478