- Self Introduction
- ビジュアライゼーション:「ダッシュボード」の目的と型
- [Preattentive Attributes]
- データ尺度の種類
- 定量分析の3つの型 :「シート」の型の応用
- デザインの選択を誤るとどうなるか
- 悪いグラフ
- 公平・適切なViz地図とは
- 日本地図Viz
Tableau Data Saber Ord. 2Visual Best Practice
Mar 25st, 2025
Data Otaku: Aoki Takashige
DATA Saber - Journey of Expanding Data Intelligence
Self Introduction
会社としての楽天と同い年で、楽天入社から4年目で、現在は市場企画部でOMO(Online Merge with Offline)を担当
データの制約から普段はBig Queryなどを多用しており、多様な側面で今回の講義ができれば!
Reference
前の人生ウォーターフォールは下記の参考文献を参考に作成
Storytelling with Data A Data Visualization Guide for Business Professionals (Wiley)
ビジュアライゼーション:「ダッシュボード」の目的と型
データをまとめる目的に応じて、ダッシュボードは一般化・大別できる
Data Driven Cultureを重んじるSaberはデータ担当者に限らないチームへの貢献と巻き込みも重要!
目的 | 共有先 | 型 | 態度 |
課題解決 KPIモニタリング |
上司 | 説明型 | 明確な意見 |
仮説検証 トレンドの把握 |
チーム | 探索型 | 中立的 |
説明型のビュー・ダッシュボードの作例
地球温暖化のVizで、温暖化が進んでいることが簡潔に伝えられている
Case Study: Story Telling Dashboard
ユニクロは株主への手紙として、毎年、競合とのKPI比較を示しているそうな
株主は経営層からのレポートラインで、出資という明確な意見・目的に対する説明型の資料といえる
グラフの粒度
グラフの目的・利用シーンによって、適切な粒度も変化する
プレゼンする場合は複雑でも口頭でフォローできるが、共有する場合はフォローできないのでシンプルに作るのがベター
視覚と記憶の力
視覚から記憶へ: 目から入る情報は脳で処理され、短期記憶を経て長期記憶へ。画像や物語は記憶を強化し、定着を促進。視覚的な手がかり(前注意的特性)は、見るべき場所を誘導し、情報処理を効率化します。(by ChatGPT)
[Preattentive Attributes]
[Preattentive Attributes] Ord. 2 恒例ゲーム Ph. 1
「2」が下図でいくつあるか数えて!
コメントで早押し!!!
Creating effective visualizations with pre-attentive properties | by Ajayraj | Whatfix Design
[Preattentive Attributes] Ord. 2 恒例ゲーム Ph. 2
「2」が下図でいくつあるか数えて!
コメントで早押し!!!
[Preattentive Attributes] Ord. 2 恒例ゲームをもっと遊びたい人は
Typically, tasks that can be performed on large multi-element displays in less than 200 to 250 milliseconds (msec) are considered preattentive.
もともと認識しやすい属性
ビジュアル分析はもともと認識しやすい属性を活用して、人を最も効果的な方向へと導きます。もともと認識しやすい属性とは、注意処理を行う脳の器官に情報が送られる前に、ほぼ即座に視覚的に処理できる情報です。以下のものがもともと認識しやすい属性です。
データ尺度の種類
間隔尺度には温度(℃)や西暦なども含まれ、恣意的な(絶対的でない)ゼロの定義があり、やや社会的
比尺度は比例尺度ともいい物理的な指標が多く、絶対温度(K)は比例尺度になり、四則演算が適用できる
カテゴリデータ | 名義尺度 | 意味を区別するための数字 | 数字は意味を区別しているだけ | 例 1:男性 2:女性 | |
カテゴリデータ | 順序尺度 | 順序関係を表している数字 | 数字は意味を区別し、さらに順序関係も表す | 例 1:満足 2:どちらともいえない 3:不満 | |
数量データ | 間隔尺度 | 等間隔に並ぶ得点となっている数字 | 数値の差を計算できる | 例 好感度など(0~10で1点刻みで回答) | |
数量データ | 比尺度 | 等間隔に並ぶ得点で、絶対的な原点がある数字 | 比率を計算できる | 例収入額など |
Data StaRt データ・スタート | データと変数の尺度
ディメンションとメジャー
ディメンションには、定性的値 (名前、日付、理的データなど) が含まれます。ディメンションは、データの分類、区分、詳細の表示に利用できます。ディメンションはビューの詳細レベルに影響します。
メジャーには、測定可能な数値と定量的な値が含まれます。メジャーはデフォルトで集計されます。メジャーをビューにドラッグしたとき、Tableau はそのフィールドに集計を適用します。
メジャー追加のTips
右クリックでドラッグすると
即座にドロップフィールドが開かれて選択できる!
データ尺度に対する適切なチャート
グラフ化するデータ尺度の種類に応じて、適切なグラフが存在している
不適な選択をすると、データ比較がしづらく、メッセージの混乱を招いてしまう
目的に応じたチャート選択
目的に応じたTableau基本機能でできるチャートガイド
またデータ尺度と分析目的は関連する
定量分析の3つの型 :「シート」の型の応用
3つの型は、2軸で掛け合わせる事ができる
パターンはたったの9通り!どんなチャートにするかは、この表から選ぶだけ!
Case Study: Python Graph Category
本講義の考え方はTableauに限らず、Excel、Think-Cell、Pythonなどでも同様
分布はヒストグラムや箱ひげ図、相関は散布図やヒートマップが一般的
順位は棒グラフやロリポップなど
時系列は線グラフが基本で、面グラフもしばしば
デザインの選択を誤るとどうなるか
認知負荷がかかり分かりにくく、追加説明を求められたり、結局相手に伝わらなくなり、相手も決まりの悪さを感じる
アクセシビリティ(例えば色弱、弱視)という観点でもわかりやすさは重要
悪いグラフ
悪いグラフは枚挙にいとまがないが代表的なものは下記で、3D円グラフは特に最悪
色以外はTableauにおいては、幸いむしろ変に作る方が難しい場合が多い:逆にExcelなどでは意識付けが必要
- 3Dグラフ
- グラフの見る角度が歪み、棒の高さや円の角度から数値を正確に受け取ることが難しくなる
- 円グラフ
- そもそも角度は人間が苦手な指標なので、穴を設けてドーナツグラフで長さを訴えかけた方が伝わりやすい
- 同様に面積に依拠するグラフも避けた方がいい場合が多い
- 色の多いグラフ
- そもそも人間が認識・判別しやすい色はさほど多くないので、色の多様は避けるべき
- カテゴリがどうしても多い場合は、その他大勢として色の濃淡で分類しておくと無難
- グラフの目的・メッセージでハイライトしたい部分にのみ色をつけて、他はグレースケールにすると伝わりやすい
- 赤をポジティブ、青をネガティブという場合も多いが、印象づけたい片方のみの色付けでいい場合も多い
- 棒グラフの幅
- 太すぎると横の棒に干渉して見づらい
- 細すぎても存在感が薄い
- 程々の太さが望ましい
Case Study: Area Chart
グラフ・ビジュアライゼーションとしては、時系列で比例尺度の金額をカンパニーに分類して面グラフにしている
Case Study: Bar & Line Chart
金額の推移は棒グラフにしつつ、率の変化(中央)は線グラフにしている
このスライドでは時系列を同じ形式にすることよりも、数値の種類でグラフを使い分けることが選択されている
公平・適切なViz地図とは
界隈ではしばしば話題に挙がる印象の選挙関連の作図(とイデオロギー対立)
Vizの種類によって印象が異なる:面積だと共和党有利、人口だと民主党有利に見え、公平な方法が模索されている
日本地図Viz
先人の伝説的師匠らもデフォルメ化した日本地図を取り組んでいたり