レベル: 初心者
Josh Markwordt、JMP ソフトウェア開発者、SAS
John Powell 氏、JMP 主任ソフトウェア開発者、SAS
インタラクティブ HTML は、ポイントの識別、リンク、ブラッシング、JMP 14 の新機能であるデータ フィルタリングなど、JMP の探索的機能の多くをサポートしています。 保存されたレポートは、同僚と共有したり、Web サーバーにアップロードして最新の Web ブラウザーで表示したりできます。 データ フィルタリングのサポートに加えて、JMP 14 のインタラクティブ HTML は、グラフ ビルダーのツリーマップのサポートを追加します。 このホワイト ペーパーでは、インタラクティブな HTML を使用して JMP の結果を共有および調査するタイミングと方法について説明します。
序章
JMP 11 で Interactive HTML プロジェクトが開始されて以来、私たちの目標は、JMP をまだ持っていない人でも JMP の豊富なグラフィックスと強力な分析にアクセスできるようにすることでした。 Web はこれらのレポートを表示する自然な場所であり、現代ではコラボレーションが行われる場所です。この講演では、JMP 14 の Interactive HTML の新機能の概要、JMP Interactive HTML レポートを Web 上で共有する方法のヒント、JMP の Interactive HTML を使用して共有するために海洋生物学者が行っている作業について説明します。彼の研究に協力します。
Diamond Price vs. Carat Weight, Filtered by ColorDiamond Price vs. Carat Weight, Filtered by Colorダイヤモンドの価格とカラット重量、色でフィルタリング
JMP14の特徴
JMP には、データを分析するための多くのプラットフォームとツールがあり、リリースごとに出力に追加機能を追加して、Web 上でデータを探索および共有できるようにしています。JMP 14 では、グラフ ビルダーの出力にツリーマップが追加され、非表示と選択を特徴とするデータ フィルターを使用してデータを探索できます。
インタラクティブな HTML レポートは、JMP の探索機能の多くをサポートしています。個々のポイントまたはグラフィック要素は、デスクトップ上のポイントにカーソルを合わせたときに表示されるツールチップ、またはモバイル デバイス上の要素をタップすることで識別できます。JMP と同様に、グラフはリンクされているため、1 つのグラフで選択された行がすべてのグラフで強調表示されます [1,2]。
Selecting multiple objects and linking between graphical elementsSelecting multiple objects and linking between graphical elements複数のオブジェクトの選択とグラフィック要素間のリンクページの上部に表示されるさまざまなモードを利用して、 2 番目のトグル ボタンをクリックまたはタップすると、四角形をドラッグしてグラフの行を選択できます。 これはブラッシング、多変量データを調査するための重要な手法 [1]。
Brushing points to explore the dataBrushing points to explore the dataポイントをブラッシングしてデータを探索する
JMP 14 の新機能は、列または列の組み合わせでフィルタリングする機能です。まず、任意の JMP レポートの赤い三角形のメニューから [ローカル データ フィルター] メニュー項目を選択し、1 つまたは複数の列を選択して [追加] をクリックします。カテゴリ フィルターと連続フィルターの両方のコントロールがサポートされ、分布で装飾されています。JMP 14 では、複雑なフィルターを作成できるように、AND および OR ロジックのすべての組み合わせがサポートされています。選択状態と非表示状態はどこでも一貫した方法でサポートされているため、JMP を知らないユーザーの学習曲線が容易になります。
ファイルにパブリッシュする場合、インタラクティブ HTML 出力ではデータを除外/含める機能がサポートされていないことに注意することが重要です。つまり、JMP で行が除外されている場合、含まれている行のサブセットのみがエクスポートされ、ユーザーは除外されたデータを Web で調べます。たとえば、下の 2 変量プロットでは [含める] チェックボックスがオンになっているため (左側の JMP で)、[男性] を選択すると、それらの点のみが表示され、線を適合させるときに考慮される値のみが考慮されます。 したがって、このグラフのインタラクティブ HTML エクスポートでは、データ フィルター (右側) に男性のみが含まれます。
Bivariate of Big Class with only Males included before exporting to Interactive HTMLBivariate of Big Class with only Males included before exporting to Interactive HTMLインタラクティブ HTML にエクスポートする前に、男性のみが含まれるビッグ クラスの二変量ユーザーが男性と女性の両方の身長を探索できるようにすることを意図していたが、最初は男性に注意を向けたい場合は、男性を選択してエクスポートする前に「含める」チェックボックスをオフにします（左側の JMP に示すように）。ここでは、Interactive HTML の最初のグラフは最初と同じですが、データ フィルターには男性と女性の両方が含まれており、フィルタリングすることで、データセット全体または性別を個別に調べることができます。
Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset.Unchecking the Include checkbox allows you to show just the Males initially but still allow the user to explore the entire dataset. [含める] チェックボックスをオフにすると、最初は男性のみを表示できますが、ユーザーはデータセット全体を探索できます。ツリーマップは、階層データを分析するための重要なグラフィカル ツールです。以下は、デフォルトで選択されている分割アルゴリズムを使用して、Sample Data ライブラリの Cities データセットから作成されたツリーマップです。
Treemap of Cities data sized by lead levelsTreemap of Cities data sized by lead levelsリード レベルごとにサイズ設定された都市データのツリーマップ
分割アルゴリズムは、セル グループの名前で並べ替えられたセルを含むツリーマップを作成します。別の方法として、squarify アルゴリズムを選択して、セルをサイズ (この場合は都市のリード レベル) で並べるツリーマップを作成することもできます。
Treemap of the Cities by lead levels using the squarify algorithmTreemap of the Cities by lead levels using the squarify algorithmsquarify アルゴリズムを使用したリード レベル別の都市のツリーマップ
エクスポートされた HTML ツリーマップは、JMP 14 で JMP からエクスポートする前に設定したすべてのオプションをサポートします。ローカル データ フィルターと組み合わせることで、Web 上のツリーマップやその他のグラフ タイプを調べることができます。
JMPで共有する方法
以前のプレゼンテーションでは、Windows では [ファイル] -> [名前を付けて保存] メニュー オプションを使用して、Mac では [エクスポート] を使用して、JMP レポートをインタラクティブ HTML に保存する方法を示しました。インタラクティブ HTML() を保存スクリプトからこのコンテンツを作成する JSL コマンド [3]。パワフルに作成できますダッシュボードDashboard Builder またはウィンドウを組み合わせる私たちに示されているように機能オンラインの例.しかし、これらのレポートを共有する最善の方法は何でしょうか?
この質問に対する答えは、ファイルを共有する範囲によって異なります。内部ネットワーク内では、単純な共有ネットワーク ドライブが最適な方法かもしれません。 場合によっては、電子メールの設定によって HTML コンテンツがブロックされたり、ユーザーが個人のマシンやモバイル デバイスに大きな添付ファイルをダウンロードしなければならなくなったりすることがあります。さまざまなオンライン ファイル共有サービスがありますが、サポートはさまざまです。2017年9月現在、 Dropbox は HTML コンテンツをレンダリングしなくなりました.同じく、 Google ドライブは 2015 年にこの機能を廃止しました.現時点では、レンダリングされた HTML コンテンツを交換する信頼できる方法としてファイル共有サービスを提案することはできません。ファイルを共有することはできますが、ダウンロードする必要があるか、テキスト ファイルとして表示される可能性がありますリンクをクリックしてレポートを表示するのが好きです。
完全に機能する Web サーバーを自分で管理することに慣れていない顧客のために、プログラミングの知識がほとんどない Web サイトの迅速な開発を宣伝するホスティング/Web 設計サイトがいくつかあります。 インライン フレームまたは iframe と呼ばれる HTML 要素を使用して、ある Web ページのコンテンツを別のページに埋め込むことができます。たとえば、JMP コミュニティでは iframe にコンテンツを埋め込むことができます。ただし、選択したプロバイダーは、システム内で iframe を許可していない場合があります。Web ページが HTTPS で提供されている場合、iframe で HTTP コンテンツをホストすることはできません。これは「混合コンテンツ」であり、最新のブラウザのセキュリティ機能です。これは、使用しているフレームワークを考えると実行可能なソリューションかもしれませんが、以下の顧客事例が示すように、多少の作業が必要になる場合があります。
コーラル リーフのお客様事例
データを共有する機能は、すでにお客様に影響を与えています。1 つの話は、アンダーソン メイフィールド博士のサンゴ礁診断研究です [4]。 . 世界中のサンゴ礁から何年にもわたってデータを収集した後、JMP を使用してデータと分析を共有する Web サイトを作成しました。これにより、同様の科学者や統計学者が協力して、変化する地球規模の気候におけるサンゴ礁の健康状態を予測できるようになりました。 彼のサイトは SquareSpace でホストされています。
Dr Anderson B. Mayfield's webpageDr Anderson B. Mayfield's webpageアンダーソン B. メイフィールド博士のウェブページ彼は、JMP インタラクティブ HTML レポートを自分の Web サイトに埋め込む方法について、JMP コミュニティに相談しましたが、SquareSpace では直接サポートされていないようでした [5]。 私たちのコミュニティ、特に私たちの主要なソフトウェア開発者の 1 人である Nascif Abousalh-Neto からの反応のおかげで、彼はインタラクティブ HTML ファイルを Amazon S3 でホストし、iframe を使用することで、インタラクティブ HTML レポートをページの途中に埋め込むことができることを知りました。収集されたデータを説明するページ。
JMP 14.2 のリリースにより、JMP Public が利用できるようになったため、ライブ JMP サーバーへの接続によって可能になった高度な機能を提供する JMP インタラクティブ HTML レポートで同じことができるようになります。ユーザーは、JMP Public のレポートに直接リンクできます。または、iframe HTML マークアップを生成して別の Web ページに貼り付けるなど、レポートを他のプラットフォームに簡単に埋め込むことができます。スタンドアロンの Interactive HTML とは異なり、JMP サーバーに依存して分析を処理し、更新された結果を慣れ親しんだ同じ Web インターフェイスに表示することで、データを除外または含めることができますが、JMP Public の洗練された新しいユーザー インターフェイスを備えています。
JMP Public に公開されたレポートを共有するには、ページ上部の [共有] アイコンをクリックし、以下に示すように [埋め込みコード (iframe)] を選択します。
Embedding an iframe of interactive HTML reports published on JMP Public is easy.Embedding an iframe of interactive HTML reports published on JMP Public is easy. JMP Public で公開されたインタラクティブな HTML レポートの iframe を簡単に埋め込むことができます。これにより、次のように、Web ページ内の iframe タグを生成する HTML コードがクリップボードに配置されます。
<IFRAME class="jmp-share-iframe" frameborder="0" width="800" height="600" src="https://public.jmp.com/api/packages/Diamond-Price-vs-Carat-Weight-Filtered-b/js-p/5bb3d86e615499085427cde3/indexPage" style="margin: 0.8em 0;"></IFRAME>
このコードを HTML ページの表示したい場所に貼り付けるだけで、ページ内にインタラクティブなコンテンツがレンダリングされます。
結論
インタラクティブ HTML は、現在 4 つの JMP リリースで利用できます。 世界中のサンゴ礁の健康を改善する方法を発見するために協力するアンダーソン メイフィールド博士の取り組みのように、それを使用する興味深い方法を見つけていただければ幸いです。 JMP のインタラクティブな HTML レポートやダッシュボードとのコラボレーションについて、皆様の成功と課題についてお聞かせください。をご覧ください。インタラクティブな HTML の例または探索するJMP Public に関するこのホワイト ペーパーの例.
参考文献
[1] ベッカー R. とクリーブランド W. (1987). 「散布図のブラッシング」、テクノメトリクス、127-142。
[2] ステッツル W. (1987). “プロット ウィンドウ”,アメリカ統計学会誌、82 、466-475。
[3] https://community.jmp.com/t5/Discovery-Summit-2017/Sharing-Interactive-Web-Reports-in-JMP-13/ta-p/44069
[4] http://coralreefdiagnostics.com
[5] https://community.jmp.com/t5/Discussions/posting-interactive-html-plots-on-websites/mp/60478
