Heman Robinson、SAS、JMP 主席ソフトウェア開発者
John Powell、SAS、JMP 主席ソフトウェア開発者
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 ページに埋め込まれます。データは難読化されていますが、意欲のあるハッカーなら誰でも読み取ることができます。したがって、インタラクティブ HTML ファイルを共有する場合は、データも共有していると想定するのが最善です。
代替案としては、データが埋め込まれない静的 HTML (HTML バージョン 4) を使用する方法があります。[ファイル: 名前を付けて保存] ダイアログでは、HTML4 は単に「HTML ファイル」と表示されます。HTML5 は、インタラクティブ性とデータ共有の両方を強調するために「データ付きインタラクティブ HTML」と表示されます。
図 6. 静的 HTML (HTML4) の「ファイル: 名前を付けて保存」ダイアログ
図 7. インタラクティブ HTML (HTML5) の「ファイル: 名前を付けて保存」ダイアログ
共有方法
画像とデータをすべて 1 つのファイルに埋め込むことで、インタラクティブ HTML ファイルを簡単に共有できるようになりました。各ファイルは自己完結型の Web ページと見なされますが、共有するために Web サーバーで利用できるようにする必要はありません。他のファイルと同様に配布できます。ただし、これらのファイルは大きくなる可能性があるため、複数のコピーを作成する代わりに、別の方法を検討することをお勧めします。インタラクティブ HTML ファイルを添付ファイルとして電子メールで送信するのは簡単なように思えますが、電子メールが転送されるたびにコピーが作成されます。受信者が添付ファイルをプレビューしようとすると、がっかりすることもあります。多くの場合、電子メール プログラムのプレビュー機能は最新の完全な Web ページ ビューアーではないため、プレビューは失敗し、インタラクティブ HTML ファイルを表示できません。
インタラクティブ HTML ファイルを社内で共有する簡単な方法の 1 つは、ファイルを共有ネットワークの場所に直接保存し、その場所を希望の受信者に電子メールで送信することです。ネットワーク パスを電子メールにコピーすると、電子メール プログラムによって電子メールにハイパーリンクが挿入されるので、受信者はそれをクリックするだけで、既定のブラウザーでファイルを表示できます。
インタラクティブ HTML ファイルを共有するもう 1 つの方法は、Dropbox、Google Drive、Microsoft OneDrive などのクラウド ストレージおよびファイル共有サービス (Muchmore and Duffy、2017) を使用することです。これらのサービスを使用すると、コンピューターの特定の場所に保存でき、ファイルは自動的にクラウドにコピーされます。クラウドに保存されたファイルまたはファイルのディレクトリは、他のユーザーと共有できます。各サービスには独自の共有メカニズムがありますが、通常はクラウド内のファイルへのリンクを作成し、そのリンクを 1 人以上のユーザーに電子メールで送信します。注意点として、これらのサービスでは HTML ファイルのプレビューも提供されますが、インタラクティブ HTML ファイルを表示できない場合があります。
レポートのスクリプト作成
インタラクティブ HTML レポートの作成は、JMP スクリプト言語 (JSL) (SAS、2014) で自動化できます。以下のスクリプトでは、「インタラクティブ HTML を保存」コマンドの後に「Web」コマンドが続きます。これにより、レポートがデフォルトの Web ブラウザーに自動的に表示されます。
// 二変量フィットをエクスポートします。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
report = Bivariate( Y( :体重 ), X( :身長 ), フィットライン );
レポート <<インタラクティブ HTML を保存( "C:\Bivariate.html" );
ウェブ ( "C:\Bivariate.html" );
JMP 13の新機能
グラフビルダー
JMP 13 では、グラフ ビルダーで作成されたレポートのサポートが追加されました。これには、ポイント、スムージング、楕円、線、棒、面、ボックス プロット、ヒストグラム、ヒートマップ、モザイク プロット、キャプション ボックス、マップ シェイプなど、最も頻繁に使用される機能が含まれます。これらのグラフ ビルダー要素は、下の図で強調表示されています。
図8. グラフビルダーの要素
ダッシュボードのサポート
情報ダッシュボード (Few、2013) は、効率的なコミュニケーションのために、カスタム レイアウトで関連情報を組み合わせます。JMP 13 では、ダッシュボードは「ファイル: 新規: ダッシュボード」メニュー、または「ウィンドウ: ウィンドウの結合」メニューを使用して作成できます。
グラフ ビルダーのサポートを追加することで、JMP 13 でさらに多くの種類のダッシュボードをサポートできるようになります。下の最初のダッシュボードには、地域の空気の質と気温を示す 4 つの新しいグラフ ビルダー要素が含まれています。
さらに、インタラクティブ HTML でのダッシュボード レイアウトのサポートも改善されました。下の 2 番目の図は、タブ コントロールを使用した効率的なレイアウトを使用して、さまざまな種類の企業の従業員 1 人あたりの利益を表示するダッシュボードを示しています。
図9. 空気質ダッシュボード
図 10. タブコントロール付きのダッシュボード
複数のレポートをインタラクティブ HTML として保存する
複数のレポートをインタラクティブ HTML としてすばやく保存し、Web レポートに整理するには、「表示: 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。
Muchmore M. と Duffy J. (2017)「2017 年のベスト クラウド ストレージおよびファイル共有サービス」
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
SAS (2014)。JMP 11 スクリプト ガイド、第 2 版。SAS Institute Inc.
Stuetzle W. (1987). 「Plot Windows」、アメリカ統計学会誌、82、466-475 。
