編集者注: この論文は、JMP Discovery Summit 2016 の参加者によって最優秀招待論文に選ばれました。
ヒーマン・ロビンソンヒーマン・ロビンソン、JMP プリンシパル ソフトウェア開発者、SAS
HTML バージョン 5 (インタラクティブ HTML) は、ポイントの識別、リンク、ブラッシングなど、JMP® の探索的機能の多くをサポートしています (Becker and Cleveland, 1987; Stuetzle, 1987)。 保存したレポートは、Web サーバーにアップロードしたり、共有フォルダーに配置したり、同僚に電子メールで送信したりできます。 レポートは、最新の Web ブラウザーで表示できます。
インタラクティブ HTML は JMP バージョン 11 で導入され、後続の各バージョンでは製品での使用法に基づいて機能が追加されています。JMP 13 では、グラフ ビルダーの最も人気のある機能と、顧客から要求されたその他の機能のサポートが追加されています。
このペーパーでは、JMP 結果をインタラクティブ HTML と共有する方法と、JMP 13 の新機能について説明します。
図1。 インタラクティブな HTML ダッシュボード: ダイヤモンドの価格、カラット重量、カラー、クラリティ、カット
歴史
HTML (HyperText Markup Language) は、すべての Web ページの構造を定義するテクノロジです ( 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レポートの保存
JMP レポートを HTML5 形式で保存するには、Windows では「ファイル: 名前を付けて保存:」を選択するか、Mac では「ファイル: エクスポート」を選択します。 「データ付きインタラクティブ HTML」の種類として保存します。 これにより、指定されたディレクトリにインタラクティブ HTML ファイルが作成されます。
図2。 インタラクティブ HTML の「ファイル: 名前を付けて保存」ダイアログ
サポートされているブラウザ
HTML ファイルを保存したら、最新の Web ブラウザで開くことができます。JMP 13 は、次のデバイスおよびブラウザでインタラクティブ HTML をサポートします。
デバイス
|
サポートされているブラウザ
|
ウィンドウズ
|
IE 11、エッジ、クローム、Firefox、オペラ
|
マック
|
サファリ、クローム、Firefox、オペラ
|
iPad
|
サファリ、クローム
|
アンドロイド
|
クロム
|
キンドル・ファイア
|
シルク
|
表1。 サポートされているデバイスとブラウザ
顧客の需要が限られているため、携帯電話でのインタラクティブ HTML のテストは行っていません。 ただし、Safari または Chrome ブラウザを実行している携帯電話では、これらの携帯電話ブラウザがタブレット バージョンとコードを共有しているため、多くの場合うまく機能します。 性能は電話機によって異なります。
サポートされていない機能
インタラクティブ HTML は、JMP の最も頻繁に使用される機能をサポートします。 レポートにサポートされていない機能が含まれている場合は、次の図に示すように、ダイアログに警告が表示され、JMP ログに詳細なメッセージが表示されます。
図3. サポートされていない機能の警告
図4. ログメッセージ
機能がサポートされていない場合、レポートの一部が静的画像としてエクスポートされます。 以下の図では、2 次元プロファイラーは対話型です。 ログ メッセージに示されているように、3 次元プロファイラーは静的です。
図5. インタラクティブ 2D プロファイラーと静的 3D プロファイラー
データの保護
JMP インタラクティブ HTML は、デスクトップ上の JMP と同様に、データをメモリに保存することでインタラクティブ性を実現します。 これは、グラフ内のデータが Web ページに埋め込まれていることを意味します。 データは難読化されていますが、意欲のあるハッカーであれば誰でも読み取ることができます。
データを暗号化することで、このセキュリティ リスクを軽減できるように思えるかもしれません。 できない。 データは Web ブラウザで読み取れる必要があります。 したがって、暗号化されたデータには、Web ブラウザだけでなく他の人も読み取ることができる復号キーが必要になります。 データを暗号化することは、自宅用に高価な防犯警報装置を購入し、その鍵をマットの下に置いたままにするのと同じことです。
リスクを軽減できるのは、匿名化するたとえば、名前列や ID 列のないデータのサブセットを作成することによって、データを削除します。 このサブセットを自分で作成するのが最も安全です。ただし、JMP レポートで使用されない列は、インタラクティブ HTML ファイルに埋め込まれません。 したがって、ラベルやその他の目的で識別列を使用しない限り、データは自動的に匿名化されます。
代わりに、データを埋め込まない静的 HTML (HTML バージョン 4) を使用することもできます。 「ファイル: 名前を付けて保存」ダイアログでは、HTML4 には単に「HTML ファイル」というラベルが付いています。 HTML5 には、インタラクティブ性とセキュリティの両方を強調するために、「Interactive HTML with Data」というラベルが付けられています。
図6. 静的 HTML (HTML4) の「ファイル: 名前を付けて保存」ダイアログ
図7。 インタラクティブ HTML (HTML5) の「ファイル: 名前を付けて保存」ダイアログ
レポートのスクリプト作成
インタラクティブ HTML レポートの作成は、JMP スクリプト言語 (JSL) (SAS、2014) を使用して自動化できます。 以下のスクリプトでは、「Save Interactive HTML」コマンドの後に「Web」コマンドが続きます。 これにより、デフォルトの Web ブラウザにレポートが自動的に表示されます。
// 二変量近似をエクスポートします。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :weight ), X( :height ), フィットライン );
obj << インタラクティブ HTML を保存( "C:\Bivariate.html" );
Web( "C:\Bivariate.html" );
JMP 13の新機能
グラフビルダー
JMP 13 では、グラフ ビルダーで作成されたレポートのサポートが追加されました。 これには、点、スムーザー、楕円、線、棒、面、箱ひげ図、ヒストグラム、ヒートマップ、モザイク プロット、キャプション ボックス、および地図形状の最も頻繁に使用される機能が含まれます。 これらのグラフ ビルダー要素は、以下の図で強調表示されています。
図8。 グラフビルダーの要素
ダッシュボードのサポート
情報ダッシュボード (Few、2013) は、効率的なコミュニケーションのために関連情報をカスタム レイアウトに組み合わせます。 JMP 13 では、「ファイル: 新規: ダッシュボード」メニュー、または「ウィンドウ: ウィンドウを結合」メニューを使用してダッシュボードを作成できます。
グラフ ビルダーのサポートを追加すると、JMP 13 でさらに多くの種類のダッシュボードをサポートできるようになります。 以下の最初のダッシュボードには、地域の大気質と気温を示す 4 つの新しいグラフ ビルダー要素が含まれています。
さらに、インタラクティブ HTML でのダッシュボード レイアウトのサポートが改善されました。 以下の 2 番目の図は、タブ コントロールを備えた効率的なレイアウトを使用して、さまざまな種類の企業の従業員あたりの利益を示すダッシュボードを示しています。
図9。 大気質ダッシュボード
図10。 タブコントロールを備えたダッシュボード
Web ページを整理する
多数の 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 では次のサポートを追加しました。
• 新しく改良されたプロファイラー
• 基準範囲
• 値のラベルと値の順序
• ピン留めされたツールチップとホバー画像
3 つの新しい組み込みプロファイラーは、ニューラル、一般化回帰、および一般化線形モデルのレポートをサポートします。 また、プロファイラーでは、アダプティブ Y 軸、フォーマットされた X 値、ラップされたレイアウト、および混合デザインのサポートが改善されました。 。
図12。 ラップされたレイアウトを使用した一般化回帰プロファイラー
参照範囲、値ラベル、および値の順序付けにより、より説明的なグラフが可能になります。 以下のグラフは、これらの特徴を使用して、結婚率と離婚率を時系列で示しています。
図13。 結婚率と離婚率
ピン留めされたツールチップとホバー画像により、より楽しく効率的なプレゼンテーションと探索が可能になります。下の図は、太陽からの距離ごとに惑星に関する情報をプロットしたものです。
図14。 固定されたツールチップとホバー画像
インタラクティブな例
この文書では多くの静止画像を示しましたが、それは Web ページ自体を操作することに代わるものではありません。 JMP Interactive HTML のすべての機能については、次の URL で確認できます。 http://www.jmp.com/jmphtml5/ 。
JMP の一部を開発し続けるにあたり、皆様のご意見やご提案をお待ちしております。
図 15. 「表示: Web レポートの作成」で構成された JMP 13 インタラクティブ HTML の例。
参考文献
ベッカー R. およびクリーブランド W. (1987)。 「散布図のブラッシング」、テクノメトリクス、127-142。
バーナーズ-リー T. (1989)。 「情報管理：提案」、ケルン。
クロックフォード D. (2008)。 JavaScript&コロン;良い部分。 オライリー。
少数の S. (2013)。 情報ダッシュボードのデザイン: 一目で監視できるデータの表示、第 2 版。 アナリティクスプレス。
ゴールドマン D. (2011)。 「Adobe Flashの終わりの始まり」。 CNNマネー( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ）。
マイヤー E. (2004)。 カスケード スタイル シート: 決定版ガイド。 オライリー。
SAS (2014)。 JMP 11 スクリプトガイド、第 2 版。 株式会社SASインスティテュート
Stuetzle W. (1987)。 「プロットウィンドウ」、米国統計協会ジャーナル、82 、466-475。
ヴァレンテ D. ブレイディ B. およびケネディ A. (2014)。 「対話型 HTML レポートを自動公開するための JMP アドイン」、 JMPディスカバリーサミット2014 。
