編者註:本文被 2016 年 JMP Discovery Summit 與會者評選為最佳特邀論文。
希曼羅賓遜希曼·羅賓遜, JMP 首席軟體開發人員, SAS
HTML 版本 5(或互動式 HTML)支援 JMP® 的許多探索性功能,包括點識別、連結和刷選(Becker 和 Cleveland,1987;Stuetzle,1987)。 儲存的報告可以上傳到網頁伺服器、放置在共用資料夾或透過電子郵件發送給同事。 可以在任何現代網頁瀏覽器中查看報告。
JMP 版本 11 中引入了互動式 HTML,每個後續版本都根據其在產品中的使用情況添加了更多功能。JMP 13 增加了對 Graph Builder 最受歡迎的功能以及客戶要求的其他功能的支援。
本文介紹如何使用 Interactive HTML 分享 JMP 結果以及 JMP 13 中的新功能。

圖1。 互動式 HTML 儀表板:鑽石價格、克拉重量、顏色、淨度、切割
歷史
HTML,即超文本標記語言,是定義所有網頁結構的技術( http://www.w3.org/html/ )(伯納斯李,1989)。 HTML 與級聯樣式表一起使用來設定樣式( http://www.w3.org/Style/CSS/ )(Meyer,2004),以及用於程式設計的 JavaScript( http://www.ecmascript.org/ )(克羅克福德,2008)。
HTML 版本 4 在圖形和互動性的支援方面受到限制。 從 2011 年左右開始,HTML 版本 5 開始支援 canvas 元素中的圖形,以及用於互動的滑桿等新控制項。
支援 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 上選擇“檔案:匯出”。 儲存類型為“Interactive HTML with Data”。 這將在指定目錄中建立一個互動式 HTML 檔案。

圖 2. 互動式 HTML 的「檔案:另存為」對話框
支援的瀏覽器
儲存 HTML 檔案後,您可以在任何現代 Web 瀏覽器中開啟它。JMP 13 支援以下裝置和瀏覽器上的互動式 HTML:
裝置
|
支援的瀏覽器
|
視窗
|
IE 11、Edge、Chrome、Firefox、Opera
|
蘋果
|
Safari、Chrome、火狐、Opera
|
iPad
|
Safari、Chrome
|
安卓
|
鉻合金
|
點燃火
|
絲綢
|
表格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) 自動建立互動式 HTML 報告(SAS,2014)。 在下面的腳本中,「儲存互動式 HTML」指令後面跟著「Web」指令。 這會自動在您的預設 Web 瀏覽器中顯示報告。
// 導出二元擬合。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( : 重量 ), X( : 高度 ), 擬合線 );
obj << 儲存互動式 HTML( "C:\Bivariate.html" );
Web(“C:\Bivariate.html”);
JMP 13 中的新功能
圖形產生器
在 JMP 13 中,我們新增了對使用圖形產生器建立的報告的支援。 這包括最常用的功能:點、平滑器、橢圓、線、條形圖、面積、箱線圖、直方圖、熱圖、馬賽克圖、標題框和地圖形狀。 這些圖形生成器元素在下圖中突出顯示。

圖 8. 圖形生成器元素
儀表板支援
資訊儀表板(Few,2013)將相關資訊組合在自訂佈局中,以實現高效溝通。 在 JMP 13 中,可以使用「檔案:新建:儀表板」功能表或使用「視窗:組合視窗」功能表建立儀表板。
新增對 Graph Builder 的支援使我們能夠在 JMP 13 中支援更多類型的儀表板。 下面的第一個儀表板包含四個新的圖形產生器元素,說明了區域空氣品質和溫度。
此外,我們也改進了對互動式 HTML 中的儀表板佈局的支援。 下面的第二張圖顯示了一個儀表板,它使用帶有選項卡控制項的高效佈局來顯示不同類型公司的每位員工的利潤。

圖 9. 空氣品質儀表板

圖 10. 帶有選項卡控制項的儀表板
組織您的網頁
如果您建立許多 HTML 頁面,您將需要組織它們。 在 JMP 12 中,可以使用 JMP 自動發布外掛程式輕鬆組織頁面(Valente、Brady 和 Kennedy,2014 年)。 這提供了一種自動組織報告的方法,其中封面和縮圖連結到各個報告。 您可以從 JMP 用戶社群下載 JMP 自動發布插件,網址為https://community.jmp.com/docs/DOC-6689 。
在 JMP 13 中,自動發佈外掛程式已內建至產品中,位於「檢視:建立 Web 報表」功能表下。 此功能表顯示嚮導式介面,引導您完成組織過程,使您能夠自訂排序、樣式和圖像。該工具用於創建我們所有的範例http://www.jmp.com/jmphtml5/ 。

圖 11. JMP「檢視:建立 Web 報表」選單。
還有一些事情
多年來,客戶要求提供許多功能。 因此,除了上述內容之外,我們還在 JMP 13 中添加了對以下內容的支援:
• 新的和改進的分析器
• 參考範圍
• 值標籤和值排序
• 固定工具提示與懸停圖片
三個新的嵌入式分析器支援神經、廣義回歸和廣義線性模型報告。 此外,分析器還改進了對自適應 Y 軸、格式化 X 值、包裝佈局和混合設計的支持。

圖 12. 具有包裹佈局的廣義迴歸分析器
參考範圍、值標籤和值排序可提供更具描述性的圖表。 下圖使用這些特徵來說明一段時間內的結婚率和離婚率。

圖 13. 結婚率和離婚率
固定工具提示和懸停圖片可實現更愉快、更有效率的示範和探索。下圖顯示了按距太陽距離繪製的行星資訊。

圖 14. 固定工具提示和懸停圖片
互動範例
本文展示了許多靜態圖像,但這並不能取代與網頁本身的互動。 您可以在以下位置探索 JMP Interactive HTML 的所有功能: http://www.jmp.com/jmphtml5/ 。
當我們繼續開發 JMP 部分時,我們期待您的意見和建議。

圖 15. JMP 13 互動式 HTML 範例,按「視圖:建立 Web 報表」組織。
參考
貝克爾 R. 和克利夫蘭 W. (1987)。 “刷散點圖”,技術計量學,127-142。
伯納斯李 T. (1989)。 “資訊管理:一項建議”,歐洲核子研究中心。
克羅克福德 D.(2008)。 JavaScript&col;好的部分。 奧萊利.
很少有S.(2013)。 資訊儀錶板設計:數據展示一目了然, 第二版。 分析出版社。
高盛 D.(2011)。 「Adobe Flash 終結的開始」。 美國有線電視新聞網財經( http://money.cnn.com/2011/11/10/technology/adobe_flash/ )。
邁耶 E.(2004)。 層疊樣式表:權威指南。 奧萊利.
英國航空公司(2014)。 JMP 11 腳本編寫指南,第二版。 SAS 研究所公司
斯圖茨勒·W. (1987)。 “繪圖視窗”,美國統計協會雜誌,82 ,466-475。
瓦倫特 D., 布雷迪 B. 與甘迺迪 A. (2014)。 “用於自動發布互動式 HTML 報告的 JMP 外掛程式”, 2014 年 JMP 探索高峰會。