級別：初級
Josh Markwordt，SAS JMP 軟件開發人員
John Powell，SAS JMP 首席軟件開發人員
交互式 HTML 支持 JMP 的許多探索性功能，包括點識別、鏈接、刷選以及 JMP 14 中的新增功能 - 數據過濾。 保存的報告可以與同事共享或上傳到網絡服務器，以便在任何現代網絡瀏覽器中查看。 除了對數據過濾的支持之外，JMP 14 中的交互式 HTML 還添加了對圖形生成器中的樹形圖的支持。 本文演示了何時以及如何使用交互式 HTML 來共享和探索 JMP 結果。
介紹
自 JMP 11 中的交互式 HTML 項目開始以來，我們的目標一直是讓尚未安裝 JMP 的用戶也能使用 JMP 的豐富圖形和強大分析功能。 網絡是顯示這些報告的自然場所，也是現代進行協作的場所。在本次演講中，我們將向您概述JMP 14 交互式HTML 的新功能，提供有關如何在網絡上共享JMP 交互式HTML 報告的提示，並分享海洋生物學家使用JMP 交互式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 中），因此通過選擇 Males，它們是唯一顯示的點，也是擬合直線時考慮的唯一值。 因此，該圖的交互式 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 中所示）。在這裡您將看到，雖然交互式 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.取消選中“包含”複選框允許您最初僅顯示男性，但仍然允許用戶探索整個數據集。樹形圖是分析分層數據的重要圖形工具。下面是使用默認選擇的分割算法根據示例數據庫中的城市數據集創建的樹形圖。
Treemap of Cities data sized by lead levelsTreemap of Cities data sized by lead levels按鉛級別劃分的城市數據樹形圖
分割算法創建一個樹形圖，其中的單元格按單元格分組的名稱排序。或者，可以選擇方形算法來創建樹形圖，該樹形圖按單元格的大小（在本例中為城市的領先水平）對單元格進行排序。
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 導出之前設置的所有選項。與本地數據過濾器相結合，您可以在 Web 上探索樹形圖和其他圖形類型。
如何與 JMP 共享
之前的演示展示瞭如何在 Windows 中使用“文件”->“另存為”菜單選項以及在 Mac 上使用“導出”將 JMP 報告保存為交互式 HTML，以及保存交互式 HTML() JSL 命令從腳本創建此內容 [3]。你可以創造強大的儀表板通過 Dashboard Builder 或使用組合窗口功能如我們的所示在線示例。但分享這些報告的最佳方式是什麼？
這個問題的答案取決於您想要共享文件的範圍。在內部網絡中，簡單的共享網絡驅動器可能是最好的方法。 有時，電子郵件設置會阻止 HTML 內容或強制用戶將大型附件下載到其個人計算機或移動設備。有多種在線文件共享服務，但支持各不相同。截至 2017 年 9 月， Dropbox 不再呈現 HTML 內容。同樣地， Google Drive 於 2015 年棄用了此功能。目前，我們不能建議將文件共享服務作為交換呈現的 HTML 內容的可靠方法 - 您可以共享文件，但它們必須下載或可能顯示為文本文件，而我們真正想要的是什麼喜歡做的就是點擊鏈接並查看報告。
對於不熟悉自己管理功能齊全的網絡服務器的客戶，有幾個託管/網頁設計網站宣傳網站的快速開發，而無需具備編程知識。 稱為內聯框架或 iframe 的 HTML 元素可用於將一個網頁的內容嵌入到另一頁面中，例如 JMP 社區允許 iframe 嵌入內容。但是，您選擇的提供商可能不允許在其係統中使用 iframe。如果網頁通過 HTTPS 提供，則無法在 iframe 中託管 HTTP 內容，這種情況稱為“混合內容”，這是現代瀏覽器的一項安全功能。考慮到您正在使用的框架，這對於您來說可能是一個可行的解決方案，但正如下面的客戶案例所示，這可能需要一些工作。
珊瑚礁客戶案例
共享數據的能力已經對我們的客戶產生了影響。其中一個故事是安德森·梅菲爾德博士的珊瑚礁診斷研究 [4] 。 經過多年從世界各地的珊瑚礁收集數據後，他創建了一個網站，使用 JMP 分享他的數據和分析，以便類似的科學家或統計學家可以合作預測全球氣候變化中珊瑚礁的健康狀況。 他的網站託管在 SquareSpace 上。
Dr Anderson B. Mayfield's webpageDr Anderson B. Mayfield's webpage安德森·B·梅菲爾德博士的網頁他向 JMP 社區諮詢了有關如何在其網站中嵌入 JMP Interactive 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 非常簡單。這會將 HTML 代碼放置在您的網頁中生成 iframe 標記到您的剪貼板中，如下所示：
<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 版本。 我們希望您已經找到了有趣的方法來使用它，就像安德森·梅菲爾德博士努力合作尋找改善世界各地珊瑚礁健康的方法一樣。 我們希望了解您的成功和挑戰，並幫助您使用 JMP 的交互式 HTML 報告和儀表板進行協作。請訪問交互式 HTML 示例或探索JMP Public 論文中的示例。
參考
[1] 貝克爾 R. 和克利夫蘭 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
