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. 最速で理解したい人のためのIT用語集

関連記事

  1. Firebase Analytics

    Firebase AnalyticsのデータをフラットなCSVに変換するETL処理

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

  2. Google Cloud Platform

    GoogleNext 2019レポート:2日目

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

  3. Adobe Analytics

    Looker: エンジニアがBIで分析ダッシュボードを作る

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

  4. Google Cloud Platform

    Vertex AI Embeddings for Text によるテキストエンベディングをやってみた…

    こんにちは、石原と申します。自然言語処理(NLP)は近年のA…

  5. Adobe Analytics

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

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

  6. Google BigQuery

    GoogleNext 2019レポート:3日目

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

カテゴリ
最近の記事
  1. Adobe Target Recommendations:g…
  2. Conversational Analytics APIでお…
  3. Looker Studioで日付フィルターの開始日・終了日の…
  4. Streamlitでdbt-elementary風ダッシュボ…
  5. Adobe WebSDK FPIDでECIDの復元を検証
  1. プログラミング

    Node.jsでCSVファイル内のダブルクオートで囲まれたカラム内のカンマを除去…
  2. GA 360 Suite

    Google Analytics 360 + BigQueryでよく使うSQL例…
  3. Spread Sheets / GAS / GDS

    スプレッドシートで動的な縦持ちデータを作る〜GAS(GoogleAppsScri…
  4. Tableau

    TableauでTreasure Data上のデータへ接続する方法(2019/1…
  5. 赤の女王

    データサイエンス

    進化学に倣う最適化手法「遺伝的アルゴリズム」
PAGE TOP