編集者注: この論文は、JMP Discovery Summit 2016 の参加者によって最優秀招待論文に選ばれました。
Heman Robinson ヘマン・ロビンソン 、JMP 主席ソフトウェア開発者、SAS
HTML バージョン 5 (インタラクティブ HTML) は、ポイントの識別、リンク、ブラッシングなど、JMP® の多くの探索機能をサポートしています (Becker および Cleveland、1987 年、Stuetzle、1987 年)。保存したレポートは、Web サーバーにアップロードしたり、共有フォルダーに配置したり、同僚に電子メールで送信したりできます。レポートは、最新の Web ブラウザーで表示できます。
インタラクティブ HTML は JMP バージョン 11 で導入され、その後の各バージョンでは、製品での使用状況に基づいてさらに多くの機能が追加されています。JMP 13 では、グラフ ビルダーの最も人気のある機能のサポートに加えて、お客様から要望のあったその他の機能も追加されています。
このホワイト ペーパーでは、インタラクティブ HTML を使用して JMP の結果を共有する方法と、JMP 13 の新機能について説明します。
図 1. インタラクティブ HTML ダッシュボード: ダイヤモンドの価格、カラット重量、色、透明度、カット
歴史
HTML（ハイパーテキスト マークアップ言語）は、すべての Web ページの構造を定義するテクノロジです ( http://www.w3.org/html/ ) (Berners-Lee、1989)。HTML は、スタイル設定用のカスケーディング スタイル シート ( http://www.w3.org/スタイル/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 から Interactive 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、オペラ
|
|
マック
|
Safari、Chrome、Firefox、Opera
|
|
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 は、インタラクティブ性とセキュリティの両方を強調するために「データ付きインタラクティブ HTML」と表示されます。
図 6. 静的 HTML (HTML4) の「ファイル: 名前を付けて保存」ダイアログ
図 7. インタラクティブ HTML (HTML5) の「ファイル: 名前を付けて保存」ダイアログ
レポートのスクリプト作成
インタラクティブ HTML レポートの作成は、JMP スクリプト言語 (JSL) (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 では、ダッシュボードは「ファイル: 新規: ダッシュボード」メニュー、または「ウィンドウ: ウィンドウの結合」メニューを使用して作成できます。
グラフ ビルダーのサポートを追加することで、JMP 13 でさらに多くの種類のダッシュボードをサポートできるようになります。下の最初のダッシュボードには、地域の空気の質と気温を示す 4 つの新しいグラフ ビルダー要素が含まれています。
さらに、インタラクティブ HTML でのダッシュボード レイアウトのサポートも改善されました。下の 2 番目の図は、タブ コントロールを使用した効率的なレイアウトを使用して、さまざまな種類の企業の従業員 1 人あたりの利益を表示するダッシュボードを示しています。
図9. 空気質ダッシュボード
図 10. タブコントロール付きのダッシュボード
ウェブページの整理
多数の HTML ページを作成する場合は、それらを整理する必要があります。JMP 12 では、JMP Auto-Publishing Add-In (Valente、Brady、Kennedy、2014) を使用してページを簡単に整理できます。これにより、個々のレポートにリンクされた表紙とサムネイル スケッチを使用して、レポートを自動的に整理できます。JMP Auto-Publishing Add-In は、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 のすべての機能は、 http://www.jmp.com/jmphtml5/でご覧いただけます。
JMP の開発を継続的に進めていく中で、皆様のご意見やご提案をお待ちしております。
図 15. JMP 13 の「表示: Web レポートの作成」で整理されたインタラクティブ HTML の例。
参考文献
Becker R. および Cleveland W. (1987)。「Brushing Scatterplots」、 テクノメトリクス 、127-142。
バーナーズ＝リー T. (1989)「情報管理：提案」、 CERN 。
Crockford D. (2008)。JavaScript : The Good Parts。O'Reilly 。
Few S. (2013)。 『情報ダッシュボードのデザイン：一目でわかるモニタリングのためのデータ表示』 、第 2 版。Analytics Press。
Goldman D. (2011). 「Adobe Flash の終わりの始まり」 CNNマネー ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ )。
Meyer E. (2004)。 『カスケーディング スタイル シート: 決定版ガイド』 O'Reilly。
SAS (2014)。JMP 11 スクリプト ガイド、第 2 版。SAS Institute Inc.
Stuetzle W. (1987). 「Plot Windows」、アメリカ統計学会誌、82、466-475 。
Valente D.、Brady B.、Kennedy、A. (2014)。「インタラクティブ HTML レポートを自動発行するための JMP アドイン」、 JMPディスカバリーサミット2014 。
