ダッシュボードの視覚化の種類

この記事では、ダッシュボードで使用できる視覚エフェクトの種類の概要を説明し、各視覚エフェクトの種類の例を作成する方法について説明します。 ダッシュボードの構築手順については、 「チュートリアル: ダッシュボードを作成する」を参照してください。

注:

パフォーマンスを最適化するために、チャートはキャンバス上に 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

コンボチャート

複合グラフは、折れ線グラフと棒グラフを組み合わせて、時間の経過に伴う変化を比例して表示します。

注:

複合グラフはバックエンド集計をサポートし、結果セットを切り捨てることなく 64K 行を超えるデータを返すクエリをサポートします。

複合グラフの例

構成値: この複合グラフの視覚化では、次の値が設定されています。

  • 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オプションをオンにします。

2 軸複合グラフの例

構成値: この複合グラフでは、 二重軸を有効にする オプションがオンになっています。 その他の構成は次のように設定されます。

  • 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

ヒートマップチャート

ヒートマップチャートは、棒グラフ、積み上げ、バブルチャートの特徴をブレンドし、数値データを色で視覚化することができます。 ヒートマップの一般的なカラーパレットでは、オレンジや赤などの暖色を使用して最高値を表示し、青や紫などの寒色を使用して最小値を表示します。

たとえば、次のヒートマップは、各日のタクシー乗車の最も頻繁に発生する距離を視覚化し、結果を曜日、距離、合計料金ごとにグループ化します。

注:

ヒートマップチャートはバックエンド集計をサポートし、結果セットを切り捨てることなく64K行を超えるデータを返すクエリをサポートします。

ヒートマップの例

構成値: このヒートマップ・チャート・ビジュアライゼーションでは、以下の値が設定されています。

  • X 列 (データセット列): o_orderpriority

  • Y 列 (データセット列): o_orderstatus

  • [色] 列:

    • データセット列: o_totalprice

    • 集計の種類: Average

  • X 軸名 (デフォルト値を上書き): Order priority

  • Y軸名(デフォルト値を上書き): Order status

  • 配色(デフォルト値を上書き): YIGnBu

SQL クエリ: このヒートマップ チャートの視覚化では、次の SQL クエリを使用してデータ セットが生成されました。

SELECT * FROM samples.tpch.orders

ヒストグラム・チャート

ヒストグラムは、データセット内で特定の値が出現する頻度をプロットします。 ヒストグラムは、データセット内の値が少数の範囲に集中しているか、それともより広範囲に分散しているかを理解するのに役立ちます。 ヒストグラムは棒グラフとして表示され、個別の棒 (ビンとも呼ばれます) の数を制御します。

注:

ヒストグラムチャートはバックエンド集計をサポートし、結果セットを切り捨てることなく64K行を超えるデータを返すクエリをサポートします。

ヒストグラム・チャートの例

構成値: このヒストグラム チャート ビジュアリゼーションでは、次の値が設定されています。

  • 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