程度：初學者
Josh Markwordt，SAS JMP 軟體開發人員
John Powell，SAS JMP 首席軟體開發人員
互動式 HTML 支援 JMP 的許多探索性功能，包括點識別、連結、刷選以及 JMP 14 中的新功能—資料過濾。保存的報告可以與同事共用或上傳到網頁伺服器以便在任何現代網頁瀏覽器中查看。除了支援資料過濾之外，JMP 14 中的互動式 HTML 還增加了對 Graph Builder 中的樹狀圖的支援。本文示範了何時以及如何使用互動式 HTML 來分享和探索 JMP 結果。
介紹
自從 JMP 11 中的互動式 HTML 專案開始以來，我們的目標就是讓尚未擁有 JMP 的使用者也能使用 JMP 豐富的圖形和強大的分析功能。網路是展示這些報告的自然場所，也是現代社會進行協作的地方。在本次演講中，我們將為您概述 JMP 14 中用於互動式 HTML 的新功能，提供如何在 Web 上共享 JMP 互動式 HTML 報告的提示，並分享一位海洋生物學家使用 JMP 的互動式 HTML 進行研究共享和協作的一些工作。
Diamond Price vs. Carat Weight, Filtered by Color鑽石價格與克拉重量（依顏色篩選）
鑽石價格與克拉重量（依顏色篩選）
鑽石價格與克拉重量（依顏色篩選）
JMP 14 功能
JMP 擁有許多平台和工具來分析您的數據，並且每個版本我們都致力於在輸出中添加附加功能，以幫助您在網路上探索和共享數據。在 JMP 14 中，樹狀圖已新增至圖形產生器輸出中，並且可以使用具有隱藏和選擇功能的資料過濾器來探索您的資料。
互動式 HTML 報告支援 JMP 的許多探索性功能。可以透過將滑鼠懸停在桌面上的點上或點擊行動裝置上的元素時顯示的工具提示來識別單點或圖形元素。與在 JMP 中一樣，圖形是連結的，以便在一個圖形中選擇的行會在所有圖形中突出顯示 [1,2]。
Selecting multiple objects and linking between graphical elements選擇多個物件並在圖形元素之間建立連結選擇多個物件並在圖形元素之間建立連結選擇多個物件並在圖形元素之間建立連結透過利用頁面頂部顯示的不同模式並單擊或點擊第二個切換按鈕，您可以拖曳矩形來選擇圖形中的行。這稱為刷選，是探索多元資料的重要技術[1]。 
Brushing 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 HTML在匯出為互動式 HTML 之前僅包含男性的大類二元變數匯出為互動式 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.取消選取「包含」複選框可讓您最初僅顯示男性，但仍允許使用者探索整個資料集。取消選取「包含」複選框可讓您最初僅顯示男性，但仍允許使用者探索整個資料集。取消選取「包含」複選框可讓您最初僅顯示男性，但仍允許使用者探索整個資料集。樹狀圖是分析分層資料的重要圖形工具。以下是使用預設選擇的分割演算法從樣本資料庫中的城市資料集建立的樹狀圖。
Treemap of Cities data sized by lead levels以鉛含量劃分的城市資料樹狀圖
以鉛含量劃分的城市資料樹狀圖
以鉛含量劃分的城市資料樹狀圖
分割演算法建立一個樹狀圖，其中的儲存格會依照儲存格分組的名稱排序。或者，可以選擇方形演算法來建立一個樹狀圖，該樹狀圖按單元格大小排序，在本例中是城市的領先水準。
Treemap of the Cities by lead levels using the squarify algorithm使用方形演算法按鉛含量劃分的城市樹狀圖
使用方形演算法按鉛含量劃分的城市樹狀圖
使用方形演算法按鉛含量劃分的城市樹狀圖
匯出的 HTML 樹狀圖支援您在 JMP 14 中從 JMP 匯出之前設定的所有選項。結合本機資料篩選器，您可以在網路上探索樹形圖和其他圖形類型。
如何透過 JMP 分享
先前的示範已經展示瞭如何在 Windows 中使用檔案 -> 另存為選單選項將 JMP 報告儲存為互動式 HTML，如何在 Mac 上使用匯出，以及如何使用儲存互動式 HTML() JSL 命令從腳本建立此內容 [3]。您可以透過儀表板產生器或使用組合 Windows功能建立強大的儀表板，如我們的線上範例所示。但是分享這些報告的最佳方式是什麼？
這個問題的答案取決於您想要多廣泛地共享文件。在內部網路中，簡單的共用網路磁碟機可能是最好的方法。有時電子郵件設定會阻止 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 webpage Anderson B. Mayfield 博士的網頁Anderson B. Mayfield 博士的網頁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.嵌入在 JMP Public 上發布的互動式 HTML 報告的 iframe 很容易。嵌入在 JMP Public 上發布的互動式 HTML 報告的 iframe 很容易。嵌入在 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 頁面中，就像下面對論文開頭顯示的圖像的即時版本所做的那樣，您就可以在頁面中呈現互動式內容。
結論
目前，四個 JMP 版本均已提供互動式 HTML。我們希望您能找到有趣的方法來使用它，就像安德森梅菲爾德博士的努力一樣，合作尋找改善世界各地珊瑚礁健康的方法。我們希望了解您的成功和挑戰，並協助您與 JMP 的互動式 HTML 報告和儀表板進行協作。請造訪互動式 HTML 範例或探索JMP Public 上本文中的範例。
參考
[1] Becker R.和Cleveland W.（1987）。 “刷散點圖”， Technometrics ，127-142。
[2] Stuetzle W.（1987 年）。 “Plot Windows”，美國統計協會雜誌， 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
