編者按:本文被 JMP Discovery Summit 2016 的與會者評選為最佳特邀論文。
赫曼羅賓遜赫曼·羅賓遜, 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/ )(伯納斯-李,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 支持最流行的 Graph Builder 功能。 我們還提供了客戶要求的一系列較小的功能。
如何使用它
保存 JMP 報告
要以 HTML5 格式保存 JMP 報告,請在 Windows 上選擇“文件:另存為:”或在 Mac 上選擇“文件:導出”。 另存為類型“帶有數據的交互式 HTML”。 這將在指定目錄中創建一個交互式 HTML 文件。

圖 2。 交互式 HTML 的“文件:另存為”對話框
支持的瀏覽器
保存 HTML 文件後,您可以在任何現代 Web 瀏覽器中打開它。JMP 13 在以下設備和瀏覽器上支持交互式 HTML:
設備
|
支持的瀏覽器
|
視窗
|
IE 11、Edge、Chrome、Firefox、Opera
|
蘋果電腦
|
Safari、Chrome、Firefox、Opera
|
iPad
|
Safari, 鉻
|
安卓
|
鉻合金
|
點燃火
|
絲綢
|
表格1。 支持的設備和瀏覽器
由於客戶需求有限,我們不會在手機上測試交互式 HTML。 但是,它通常在運行 Safari 或 Chrome 瀏覽器的手機上運行良好,因為這些手機瀏覽器與其平板電腦版本共享代碼。 性能因手機而異。
不支持的功能
交互式 HTML 支持 JMP 最常用的功能。 如果您的報告包含不受支持的功能,您將在對話框中看到警告,並在 JMP 日誌中看到更詳細的消息,如下圖所示。

圖 3。 不支持功能的警告

圖 4。 日誌消息
如果某項功能不受支持,您的部分報告將導出為靜態圖像。 在下圖中,二維分析器是交互式的。 如日誌消息所示,三維分析器是靜態的。

圖 5。 交互式 2D Profiler,帶有靜態 3D Profiler
保護您的數據
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”命令。 這會自動在您的默認 Web 瀏覽器中顯示報告。
// 導出二元擬合。
dt = Open("$SAMPLE_DATA/Big Class.jmp");
obj = Bivariate( Y( :weight ), X( :height ), Fit Line );
obj << 保存交互式 HTML( "C:\Bivariate.html" );
Web("C:\Bivariate.html");
JMP 13 中的新功能
圖形生成器
在 JMP 13 中,我們添加了對使用 Graph Builder 創建的報告的支持。 這包括點、平滑線、橢圓、線、條、區域、箱線圖、直方圖、熱圖、馬賽克圖、標題框和地圖形狀等最常用的功能。 這些 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 用戶社區下載 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 報告”進行組織。
參考
Becker R. 和 Cleveland W. (1987)。 “刷散點圖”,技術計量學, 127-142。
伯納斯-李 T. (1989)。 “信息管理:一項建議”,歐洲核子研究組織.
克羅克福德 D. (2008)。 JavaScript&冒號;好的部分。 奧萊利。
很少 S.(2013 年)。 信息儀表板設計:顯示數據以便一目了然監控, 第二版. 分析出版社。
高盛 D. (2011)。 “Adobe Flash 終結的開始”。 美國有線電視新聞網錢( http://money.cnn.com/2011/11/10/technology/adobe_flash/ )。
邁耶 E. (2004)。 級聯樣式表:權威指南。 奧萊利。
SAS(2014 年)。 JMP 11 腳本指南,第二版. SAS 研究所
Stuetzle W. (1987)。 “繪圖窗口”,美國統計協會雜誌,82 , 466-475。
瓦倫特 D., 布雷迪 B. 和肯尼迪 A. (2014)。 “用於自動發布交互式 HTML 報告的 JMP 插件”, JMP 發現峰會 2014 .