Google Cloud Platform

Looker: サンバーストグラフを使って階層データを可視化する

こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。

今回は、Looker Blocksで公開されているカスタム・ビジュアライゼーション [サンバーストグラフ] を使ってLooker上で階層データをグラフ化する方法について紹介します。

Sunburst | Looker

サンバーストグラフを使えば、階層構造を持つデータの内訳を手軽に可視化・比較出来ます。
弊社はGCPの課金データをBigQueryにエクスポートしてるので、このデータをサンバーストグラフで製品カテゴリ別に可視化します。

サンバーストグラフで階層データを可視化

Lookerにカスタム・ビジュアライゼーションを追加する

以前サンキーダイアグラムを追加した時と同様に、ビジュアライゼーション追加はこちらの手順に従います。
Admin Settings – Visualizations

[Admin] > [Visualization]を開き、[Add Visualization]ボタンをクリックします。
すると、下記のフォームが表示されるので、ビジュアライゼーションに任意のIDと名前をつけて、ライブラリのURLをコピペして保存するだけです。

カスタムビジュアライゼーション「Sunburst」を追加

Main項目に入力するJSファイルのURLはこちらです。
https://looker-custom-viz-a.lookercdn.com/master/sunburst.js

階層データを用意する

続いて肝心のデータです。
複数のディメンションと、一つの指標(measure)をExploreで選択します。
今回はGCP Billing データを使うので、下記のディメンションと指標を使います。
日付フィルタも使います。

Dimensions:
・Service
・SKU Category
・SKU

Measures:
・Total Cost

Filters:
・Date Filter

階層データを抽出

ディメンションと指標、フィルタを選択して「Run」を実行すると表データが抽出されるので、ビジュアライゼーションから「Sunburst」を選びます。

Sunburstを選択

すると、あっという間にサンバーストグラフでGCP課金データをサービス/SKUカテゴリ/SKUという階層構造で可視化出来ました!

サンバーストグラフの出来上がり

サンバーストグラフでは一番内側にあるのが最上位階層となり、外側が下位階層になります。
これを見ると弊社の半分はBigQueryで出来ている(?)という事がよく分かりました。
はい、BigQuery使いまくってます。

弊社ではGCPをベースにして、Looker、Tableau、Google DataStudio(データポータル)を使ったデータ分析基盤の構築支援業務を行っております。
お問合わせはこちらからどうぞ。

ブログへの記事リクエストはこちらまで

関連記事

  1. Google Cloud Platform

    GoogleNext 2019レポート:初日目

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  2. Adobe Analytics

    Adobe Analytics: データフィードをGoogle Compute EngineのLin…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  3. Google BigQuery

    GoogleNext 2019レポート:3日目

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  4. Adobe Analytics

    Adobe Analyticsに入り切らないデータをBigQueryに投入する

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  5. GA 360 Suite

    GoogleDataStudio:複数のデータソースにフィルターを適用する

    こんにちは。エクスチュアの渡部です。今回はDataStudio(デ…

  6. Enterprise Data Warehouse

    爆速データウェアハウスなApache Druidを試す

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

最近の記事

  1. サーバーサイドGTM: ウェブコンテナを使って1stパーティ…
  2. BigQuery: テーブルに格納されたURL文字列をKey…
  3. AdobeAnalytics: Adobe I/OのAPIを…
  4. Google Analytics 4: イベントパラメータを…
  5. Google Analytics 4 + BigQueryで…
  1. Adobe Analytics

    Azure DatabricksでAdobe AnalyticsのDatafee…
  2. Adobe Analytics

    Adobe Analytics: データフィードをGoogle BigQuery…
  3. Google Cloud Platform

    Looker: LookerbotでSlackにグラフ画像をスケジュール投稿する…
  4. Linux

    Linux技術者資格のLPIC-3試験に合格しました
  5. Adobe Analytics

    BigQuery: テーブルに格納されたURL文字列をKey-ValueのSTR…
PAGE TOP