これは一連のブログ記事の続きです。インタラクティブHTML JMP 13のGraph Builderレポート用。ここでは、ポイント、ボックスプロット、ヒートマップ、およびマップシェイプのサポートについて説明します。下の図では、これらのグラフビルダー要素が強調表示されています。
このブログ記事はJMPからの対話型Webページ出力について説明しているので、以下の画像とアニメーションはWebブラウザからキャプチャされたものです。
ポイント
ポイントはJMPの多くのグラフに存在し、通常ダイアログボックスを開くことでポイントの色、形状、サイズをカスタマイズできます。Graph Builderのドラッグアンドドロップインタフェースは、あらゆる形状とサイズの点を持つカラフルなグラフを簡単に作成することができます。以下のJMPのサンプルデータライブラリのDiamonds Dataを使用した例では、次のポイント属性を設定しています。
- 表の列データに基づくサイズ
- Depth列データに基づく色
- Clarity列データに基づく形状
これらの属性に加えて、価格対カットとカラット重量によるグループ分けは、ダイヤモンド価格に最も影響を与えるものを理解するために採用されました。もちろん、JMPは特にこの質問をターゲットにした機能を提供していますが、それは別のブログ投稿のトピックです。
各属性のサイズ、形状、色を決定する方法が増えたため、対話型HTMLでGraph Builderのポイントプロットをサポートするには、この属性の組み合わせが困難でした。Graph Builderの各点が複数行のデータの統計的要約を表すことができるという事実によって、課題はさらに増加しました。
次のInteractive HTMLの例では、各点は特定のCutとClarityの菱形を表します。凡例は再配置されていますが、形状と色は、それぞれClarityとDepthによって決まります。ダイヤモンドのテーブル寸法の違いを強調するために、生のテーブル列データではなく、相対ロールという名前の列変換をサイズロールで使用しました。
ボックスプロット
上記の要約された点は情報が少なすぎて生の点が多すぎるかもしれません、それでは箱ひげ図を使った妥協はどうですか？下のグラフでは、カット、クラリティ、カラットの各重量の組み合わせに対する価格の分布がわかります。各グループの箱ひげ図の配置に合わせて、凡例を下に移動して水平に描画しました。
ヒートマップ
これまでのところ、ダイヤモンドの価格に最も影響を与えているものを見るのは難しいかもしれません。ダイヤモンドの品質については、4種類のCのうち3種類しかカバーしていません。だから、これは4つすべてを含むヒートマップです。たぶん今ではいくつかの結論を出すのが簡単です。
Graph Builderでヒートマップのサポートを追加することで、Graph Builderの外部でボーナスを得ました。UpliftPlatformのUpliftグラフはインタラクティブになり、XファクターとX / Y範囲を表示できます。
地図の形
グラフ図形は、人口データのような場所ベースのデータにGraph Builderで使用できます。グループ化は、視聴者が一度に1つの地域に集中するのに役立ちます。[行方不明の図形を表示]オプションを有効にすると、関心のある地域を国全体の状況で見ることができます。
マップシェイプは、サイズ変数（人口）に応じて拡大縮小できますが、別の変数（野菜消費量）で色付けすることもできます。
組み合わせ
JMPの対話的な機能のいくつかが対話式HTMLで利用可能であることを確認するには、複合グラフと対話するのに役立ちます。JMPでは、これはCombined Windows、Application Builder、またはDashboard Builderで実行できます。以下は、上記のグラフタイプを使用したいくつかの組み合わせ例です。
この例では、ヒートマップと地理的なマップ図形を使用して犯罪データを調べます。
次の例では、オフィスの気温を調べるために、ポイント、ボックスプロット、ヒートマップ、およびカスタムのマップシェイプを使用します。
Interactive HTMLのポイントとマップ図形の新機能の1つに、ツールチップに画像を表示する機能があります。
これらはすべて単なるアニメーションです。このブログに表示されているインタラクティブHTMLファイルと対話することができます。この目的のために作成したページ 。あなたの考えを教えてください。
ジョンパウエル書きました：
ダイヤモンドデータヒートマップを作成するために、Color列をYロールに、CutをXロールに、PriceをColorロールに適用しました。
それから私はクラリティをXグループの役割に、カラットウェイトをYグループの役割に適用しました。
Yグループのレベル数を3に設定しました。
グラデーション設定をカスタマイズして、グリーングラデーションを使用し、離散色を有効にしました。
あなたが「豊富なツールチップ」と言うとき、私はあなたがツールチップのイメージで惑星の例を参照しているかもしれないと思います。
この例では、各惑星の画像を含むPicture列を含むデータテーブルを作成しました。私は「インターネットオープン」を使用してデータをインターネットから画像と画像を収集し、いくつかを貼り付けてすべてを1つのテーブルにマージしました。Virtual Joinを使用すれば、いくらか手間を省くことができたでしょう。
Yの役割には最高表面温度、Colorの役割には月の数、Sizeには赤道の半径の2乗を適用しました。
役割は自動的にツールチップに追加されます。他の列を追加するには、列にラベルを付けるように設定するだけです。ラベル付きの列に絵が入っていると、ツールチップに表示されます。Interactive HTMLとして保存する前に、EarthとSaturnのツールチップを固定し、Earthの固定チップにカスタムテキスト行を追加しました。
それがあなたが探していた細部のレベルであったことを私は望む。
チャド書きました：
ジョーンへ、
これらの例を共有していただきありがとうございます。それは可能でしょうか
ヒートマップを作成するプロセスと豊富なツールチップを説明する
それらを複製できるように、もう少し詳しく説明します。
