ダッシュボードの視覚化の種類
この記事では、ダッシュボードで使用できる視覚エフェクトの種類の概要を説明し、各視覚エフェクトの種類の例を作成する方法について説明します。 ダッシュボードの作成手順については、「 ダッシュボードの作成」を参照してください。
注:
パフォーマンスを最適化するために、チャートはキャンバス上に 10k 要素しかレンダリングできません。 そうしないと、視覚化が切り捨てられる可能性があります。
エリアの視覚化
面グラフの視覚化では、線グラフと棒グラフの視覚化を組み合わせて、1 つ以上のグループの数値が 2 番目の変数 (通常は時間) の進行に伴ってどのように変化するかを示します。 これらは、時間の経過に伴う販売ファネルの変化を示すためによく使用されます。
構成値: この領域視覚化の例では、次の値が設定されています。
タイトル:
Total price and order year by order priority and clerk
X軸:
畑:
o_orderdate
スケールタイプ:
Temporal
変形する:
Yearly
軸のタイトル:
Order year
Y軸:
畑:
o_totalprice
軸のタイトル:
Total price
スケールタイプ:
Quantitative
変形する:
Sum
グループ化:
畑:
o_orderpriority
凡例のタイトル:
Order priority
フィルタ
畑:
TPCH orders.o_clerk
SQL クエリ: このエリア視覚化では、次の SQL クエリを使用してTPCH orders
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.orders
棒グラフ
棒グラフは、時間の経過やカテゴリ間のメトリックの変化を表し、円の視覚化と同様に比例関係を示します。
構成値: この棒グラフの視覚化の例では、次の値が設定されています。
タイトル:
Total price and order month by order priority and clerk
X軸:
畑:
o_orderdate
変形する:
Monthly
スケールタイプ:
Temporal
軸のタイトル:
Order month
Y軸:
畑:
o_totalprice
スケールタイプ:
Quantitative
変形する:
Sum
軸のタイトル:
Total price
グループ化:
畑:
o_orderpriority
凡例のタイトル:
Order priority
フィルタ
畑:
TPCH orders.o_clerk
SQL クエリ: この棒グラフの視覚化では、次の SQL クエリを使用してTPCH orders
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.orders
コンボチャート
複合グラフは、折れ線グラフと棒グラフを組み合わせて、時間の経過に伴う変化を比例して表示します。
構成値: この複合グラフの視覚化では、次の値が設定されています。
X軸:
ps_partkey
スケールタイプ:
Quantitative
Y軸:
バール:
ps_availqty
集計の種類:
SUM
線:
ps_supplycost
集計の種類:
AVG
Yシリーズによる色:
Sum of ps_availqty
Average ps_supplycost
SQL クエリ: このコンボ チャートの視覚化では、次の SQL クエリを使用してデータ セットが生成されました。
SELECT * FROM samples.tpch.partsupp
2 軸コンボ チャート
複合グラフを使用して、2 つの異なる Y 軸を表示できます。 コンボチャートウィジェットを選択した状態で、チャート設定パネルの Y軸 設定のケバブメニューをクリックします 。Enable dual axisオプションをオンにします。
構成値: この複合グラフでは、 二重軸を有効にする オプションがオンになっています。 その他の構成は次のように設定されます。
X軸:
tpep_pickup_datetime
スケールタイプ:
Temporal
変形する:
Weekly
Y軸:
左 Y 軸 (棒):
trip_distance
変形する:
AVG
右 Y 軸 (線):
fare_amount
変形する:
AVG
Yシリーズによる色:
Average trip_distance
Average fare_amount
SQL クエリ: データ セットを生成するために次の SQL クエリが使用されました。
SELECT * FROM samples.nyctaxi.trips
カウンターの視覚化
カウンターには 1 つの値が目立つように表示され、それらをターゲット値と比較するオプションがあります。 カウンターを使用するには、値列とターゲットカラムのカウンター視覚化に表示するデータ行を指定します。
構成値: このカウンター視覚化の例では、次の値が設定されています。
タイトル:
Orders: Target amount vs. actual amount by date
価値:
畑:
avg(o_totalprice)
値の行番号: 1
ターゲット:
畑:
avg(o_totalprice)
値の行番号: 2
フィルタ
畑:
TPCH orders.o_orderdate
SQL クエリ: このカウンター視覚化では、次の SQL クエリを使用してTPCH orders_target
という名前のデータ セットが生成されました。
SELECT o_orderdate, avg(o_totalprice)
FROM samples.tpch.orders
GROUP BY 1
ORDER BY 1
ラインの視覚化
線の視覚化は、時間の経過に伴う 1 つまたは複数のメトリックの変化を表します。
コンフィギュレーション値: このライン視覚化の例では、次の値が設定されています。
タイトル:
Average price and order year by order priority and clerk
X軸:
畑:
o_orderdate
変形する:
Yearly
スケールタイプ:
Temporal
軸のタイトル:
Order year
Y軸:
畑:
o_totalprice
変形する:
Average
スケールタイプ:
Quantitative
軸のタイトル:
Average price
グループ化:
畑:
o_orderpriority
凡例のタイトル:
Order priority
フィルタ
畑:
TPCH orders.o_clerk
SQL クエリ: この棒グラフ視覚化では、次の SQL クエリを使用してTPCH orders
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.orders
ヒートマップチャート
ヒートマップチャートは、棒グラフ、積み上げ、バブルチャートの特徴をブレンドし、数値データを色で視覚化することができます。 ヒートマップの一般的なカラーパレットでは、オレンジや赤などの暖色を使用して最高値を表示し、青や紫などの寒色を使用して最小値を表示します。
たとえば、次のヒートマップは、各日のタクシー乗車の最も頻繁に発生する距離を視覚化し、結果を曜日、距離、合計料金ごとにグループ化します。
構成値: このヒートマップ・チャート・ビジュアライゼーションでは、以下の値が設定されています。
X 列 (データセット列):
o_orderpriority
Y 列 (データセット列):
o_orderstatus
[色] 列:
データセット列:
o_totalprice
集計の種類:
Average
X 軸名 (デフォルト値を上書き):
Order priority
Y軸名(デフォルト値を上書き):
Order status
配色(デフォルト値を上書き):
YIGnBu
SQL クエリ: このヒートマップ チャートの視覚化では、次の SQL クエリを使用してデータ セットが生成されました。
SELECT * FROM samples.tpch.orders
ヒストグラム・チャート
ヒストグラムは、データセット内で特定の値が出現する頻度をプロットします。 ヒストグラムは、データセット内の値が少数の範囲に集中しているか、それともより広範囲に分散しているかを理解するのに役立ちます。 ヒストグラムは棒グラフとして表示され、個別の棒 (ビンとも呼ばれます) の数を制御します。
構成値: このヒストグラム チャート ビジュアリゼーションでは、次の値が設定されています。
X 列 (データセット列):
o_totalprice
ビンの数: 20
X 軸名 (デフォルト値を上書き):
Total price
構成オプション: ヒストグラム・チャートの構成オプションについては、「 ヒストグラム・チャートの構成オプション」を参照してください。
SQL クエリ: このヒストグラム チャートの視覚化では、次の SQL クエリを使用してデータ セットが生成されました。
select * from samples.tpch.orders
円グラフの視覚化
円の視覚化はメトリック間の比例関係を示します。 これらは 、時 系列データを伝達するためのものではありません。
構成値: この円グラフの視覚化の例では、次の値が設定されています。
タイトル:
Total price by order priority and clerk
角:
畑:
o_totalprice
変形する:
Sum
軸のタイトル:
Total price
グループ化:
畑:
o_orderpriority
凡例のタイトル:
Order priority
フィルタ
畑:
TPCH orders.o_clerk
SQL クエリ: この円グラフの視覚化では、次の SQL クエリを使用してTPCH orders
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.orders
ピボットの視覚化
ピボット視覚化は、クエリ結果からレコードを表形式で集計します。 これは SQL のPIVOT
またはGROUP BY
ステートメントに似ています。 ピボット ビジュアリゼーションは、ドラッグ アンド ドロップ フィールドで構成します。
注:
パフォーマンス上の理由から、ピボットテーブルは100列x100行のレンダリングのみをサポートします。
構成値: このピボット視覚化の例では、次の値が設定されています。
タイトル:
Line item quantity by return flag and ship mode by supplier
行:
畑:
l_returnflag
列:
畑:
l_shipmode
セル
データセット:
畑:
l_quantity
変換: 合計
フィルタ
畑:
TPCH lineitem.l_supplierkey
SQL クエリ: このピボット ビジュアライゼーションでは、次の SQL クエリを使用してTPCH lineitem
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.lineitem
散布図の視覚化
散布図の視覚化は、2 つの数値変数間の関係を示すためによく使用されます。 3 番目の次元を色でエンコードして、数値変数がグループ間でどのように異なるかを示すことができます。
構成値: この散布図の視覚化の例では、次の値が設定されています。
タイトル:
Total price and quantity by ship mode and supplier
X軸:
畑:
l_quantity
軸のタイトル:
Quantity
スケールタイプ:
Quantitative
変形する:
None
Y軸:
畑:
l_extendedprice
スケールタイプ:
Quantitative
変形する:
None
軸のタイトル:
Price
グループ化:
畑:
l_shipmode
凡例のタイトル:
Ship mode
フィルタ
畑:
TPCH lineitem.l_supplierkey
SQL クエリ: この散布図の視覚化では、次の SQL クエリを使用してTPCH lineitem
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.lineitem
表の視覚化
テーブル ビジュアリゼーションでは、標準テーブルにデータが表示されますが、手動でデータの並べ替え、非表示、書式設定を行うことができます。
構成値: このテーブル視覚化の例では、次の値が設定されています。
タイトル:
Line item summary by supplier
列:
行番号の表示:有効
畑:
l_orderkey
畑:
l_extendedprice
表示形式:
Number
数値形式: $0.00
畑:
l_discount
表示形式:
Number
数値形式: %0.00
畑:
l_tax
表示形式:
Number
数値形式: %0.00
畑:
l_shipdate
畑:
l_shipmode
フィルタ
畑:
TPCH lineitem.l_supplierkey
SQL クエリ: このテーブルの視覚化では、次の SQL クエリを使用してTPCH lineitem
という名前のデータ セットが生成されました。
SELECT * FROM samples.tpch.lineitem