編者註：本論文被 2016 年 JMP Discovery 高峰會的與會者評選為最佳邀請論文。
Heman Robinson 赫曼·羅賓遜 , JMP 首席軟體開發人員, SAS
HTML 版本 5 或互動式 HTML 支援 JMP® 的許多探索性功能，包括點識別、連結和刷選（Becker 和 Cleveland，1987；Stuetzle，1987）。儲存的報告可以上傳到網頁伺服器、放置在共用資料夾或透過電子郵件發送給同事。可以使用任何現代網頁瀏覽器查看報告。
JMP 版本 11 中引入了互動式 HTML，並且每個後續版本都會根據產品中的用途添加更多功能。 JMP 13 增加了對 Graph Builder 最受歡迎的功能以及客戶要求的其他功能的支援。
本文介紹如何使用互動式 HTML 分享 JMP 結果以及 JMP 13 中的新功能。
圖 1. 互動式 HTML 儀表板：鑽石價格、克拉重量、顏色、淨度、切割
歷史
HTML，即超文本標記語言，是定義所有網頁結構的技術（ http://www.w3.org/html/）（Berners-Lee，1989 ）。 HTML 與層疊樣式表一起用於樣式設定（ http://www.w3.org/Style/CSS/ ）（Meyer，2004），與 JavaScript 一起用於程式設計（ http://www.ecmascript.org/）（Crockford，2008年）。
HTML 版本 4 對於圖形和互動性的支援有限。從 2011 年左右開始，HTML 版本 5 開始支援畫布元素中的圖形，以及用於互動的滑桿等新控制項。
在這段時間，對 Adobe Flash（ http://www.adobe.com/products/flashplayer.html ）和其他競爭技術的支援開始下降（Goldman，2011）。作為回應，JMP 與其他軟體產品一樣，開始將其技術從 Flash 遷移到互動式 HTML。
在 JMP 11 中，互動式 HTML 支援表格和簡單圖形，包括散佈圖、直方圖、線條、橢圓和箱線圖。
在 JMP 12 中，增加了氣泡圖和刻畫器，以及對平板電腦的支援。
在 JMP 13 中，互動式 HTML 支援圖形產生器最受歡迎的功能。我們也提供了一些客戶要求的較小功能。
如何使用
儲存 JMP 報告
若要以 HTML5 格式儲存 JMP 報告，請在 Windows 上選擇“檔案：另存為：”，或在 Mac 上選擇“檔案：匯出”。儲存為「帶有資料的互動式 HTML」類型。這會在指定目錄中建立一個互動式 HTML 檔案。
圖 2. 互動式 HTML 的「檔案：另存為」對話框
支援的瀏覽器
HTML 檔案儲存後，您可以在任何現代網頁瀏覽器中開啟它。 JMP 13 在以下裝置和瀏覽器上支援互動式 HTML：
|
裝置
|
支援的瀏覽器
|
|
視窗
|
IE 11、Edge、Chrome、Firefox、Opera
|
|
蘋果
|
Safari、Chrome、Firefox、Opera
|
|
更多截圖
|
Safari、Chrome
|
|
安卓
|
鉻合金
|
|
Kind Fire
|
絲綢
|
表 1. 支援的設備和瀏覽器
由於客戶需求有限，我們不會在手機上測試互動式 HTML。但是，它通常在運行 Safari 或 Chrome 瀏覽器的手機上運行良好，因為這些手機瀏覽器與其平板電腦版本共享代碼。性能因手機不同而有所差異。
不支援的功能
互動式 HTML 支援 JMP 最常用的功能。如果您的報告包含不支援的功能，您將在對話方塊中看到一條警告，並在 JMP 日誌中看到更詳細的訊息，如下圖所示。
圖 3. 不支援功能的警告
圖 4. 日誌訊息
如果某個功能不受支持，報告的一部分將被匯出為靜態影像。下圖中，二維分析器是互動式的。如日誌訊息所示，三維剖面儀是靜態的。
圖 5. 互動式 2D 輪廓儀和靜態 3D 輪廓儀
保護您的數據
JMP Interactive HTML 與桌面上的 JMP 類似，透過將資料儲存在記憶體中實現互動。這意味著：圖表中的資料嵌入在網頁中。數據被混淆了，但任何有動機的駭客都可以讀取。
看起來，透過加密資料可以減輕這種安全風險。不能。資料必須可以被網頁瀏覽器讀取。因此，加密資料需要解密金鑰，網路瀏覽器和其他所有人都可以讀取該金鑰。加密資料相當於為自己的房子購買一個昂貴的防盜警報器，然後把鑰匙放在墊子下面。
您可以透過匿名化資料來降低風險，例如建立沒有名稱或 ID 列的資料子集。自己創建這個子集是最安全的。但是，JMP 報告中未使用的欄位不會嵌入到互動式 HTML 檔案中。因此，只要您不使用任何識別列作為標籤或其他目的，您的資料就會自動匿名化。
另一種方法是使用靜態 HTML（HTML 版本 4），它不會嵌入任何資料。在「檔案：另存為」對話方塊中，HTML4 被簡單標記為「HTML 檔案」。 HTML5 被標記為“帶有資料的互動式 HTML”，以強調互動性和安全性。
圖 6. 靜態 HTML（HTML4）的「檔案：另存為」對話框
圖 7. 互動式 HTML（HTML5）的「檔案：另存為」對話框
編寫報告腳本
可以使用 JMP 腳本語言 (JSL) (SAS, 2014) 自動建立互動式 HTML 報告。在下面的腳本中，「儲存互動式 HTML」指令後面跟著「Web」指令。這會自動在您的預設網頁瀏覽器中顯示報告。
// 導出雙變數擬合。
dt = 開啟( “$SAMPLE_DATA/Big Class.jmp” ) ;
obj = 雙變量（Y（：體重），X（：身高），擬合線）；
obj << 儲存互動式 HTML( "C:\Bivariate.html" );
Web( “C:\Bivariate.html” )；
JMP 13 的新功能
圖形產生器
在 JMP 13 中，我們增加了對使用 Graph Builder 建立的報告的支援。這包括最常用的點、平滑線、橢圓、線、條、面積、箱線圖、直方圖、熱圖、馬賽克圖、標題框和地圖形狀等功能。這些圖形生成器元素在下圖中突出顯示。
圖 8. 圖形產生器元素
儀表板支援
資訊儀表板（Few，2013）將相關資訊以自訂佈局組合在一起，以實現有效的溝通。在 JMP 13 中，可以使用「檔案：新建：儀表板」功能表或使用「視窗：合併視窗」功能表建立儀表板。
新增對 Graph Builder 的支援使我們能夠在 JMP 13 中支援更多類型的儀表板。下面的第一個儀表板包含四個新的 Graph Builder 元素，說明了區域空氣品質和溫度。
此外，我們也改進了對互動式 HTML 中儀表板佈局的支援。下圖第二張圖顯示的儀表板採用高效率的佈局和選項卡控制來顯示不同類型公司每位員工的利潤。
圖 9. 空氣品質儀表板
圖 10. 帶有選項卡控制項的儀表板
組織你的網頁
如果您建立了許多 HTML 頁面，您將需要對它們進行組織。在 JMP 12 中，您可以使用 JMP 自動發布外掛程式 (Valente、Brady 和 Kennedy，2014) 輕鬆組織您的頁面。這提供了一種自動化的方式來組織您的報告，其中封面和縮圖草圖連結到各個報告。您可以從 JMP 使用者社群(https://community.jmp.com/docs/DOC-6689 ) 下載 JMP 自動發布外掛程式。
在 JMP 13 中，自動發佈外掛程式已內建至產品中，位於「檢視：建立 Web 報表」功能表下。此功能表顯示精靈式的介面，引導您完成組織過程，使您能夠自訂排序、樣式和圖像。該工具用於建立http://www.jmp.com/jmphtml5/上的所有範例。
圖 11. JMP「檢視：建立 Web 報表」選單。
還有幾件事
多年來，客戶已經要求了許多功能。因此，除了上述內容之外，我們還在 JMP 13 中添加了對以下內容的支援：
• 全新改良的分析器
• 參考範圍
• 值標籤和值排序
• 固定工具提示與懸停圖片
三個新的嵌入式分析器支援神經、廣義回歸和廣義線性模型報告。此外，分析器還改進了對自適應 Y 軸、格式化 X 值、包裝佈局和混合設計的支援。
圖 12. 採用包裹佈局的廣義回歸刻畫器
參考範圍、值標籤和值排序使得圖表更具描述性。下圖使用這些特徵來說明隨時間變化的結婚率和離婚率。
圖 13. 結婚率與離婚率
固定的工具提示和懸停圖片可以使演示和探索更加愉快和高效。下圖顯示了按行星與太陽的距離繪製的行星資訊。
圖 14. 固定的工具提示與懸停圖片
互動式範例
本文展示了許多靜態圖像，但這不能取代與網頁本身的互動。您可以在http://www.jmp.com/jmphtml5/探索 JMP Interactive HTML 的所有功能。
我們期待您的意見和建議，因為我們將繼續開發 JMP 的部分。
圖 15. JMP 13 互動式 HTML 範例，按「視圖：建立 Web 報表」組織。
參考
Becker R. 與 Cleveland W. (1987)。 “刷散點圖”， 技術計量學 ，127-142。
Berners-Lee T.（1989 年）。 “資訊管理：一項提案”， 歐洲核子研究中心 。
Crockford D.（2008）。 JavaScript：好的部分。奧萊利。
Few S.（2013 年）。資訊儀表板設計：顯示數據以供一目了然的監控，第二版。分析出版社。
Goldman D.（2011 年）。 「Adobe Flash 的末日即將來臨」。 美國有線電視新聞網財經 （ http://money.cnn.com/2011/11/10/technology/adobe_flash/ ）。
Meyer E.（2004 年）。層疊樣式表：權威指南。奧萊利。
SAS（2014 年）。 JMP 11 腳本指南，第二版。 SAS 研究所
Stuetzle W. (1987)。 “Plot Windows”，美國統計協會雜誌， 82，466-475。
Valente D.、Brady B. 與 Kennedy, A. (2014)。 “用於自動發布互動式 HTML 報告的 JMP 外掛程式”， 2014 年 JMP 探索高峰會 。
