Art and Science of Visual Analytics Episode 2

Transcript

1. Art and Science of Visual Analytics Episode 2: Forms and Positions
3. Episode 0 Visual Analytics 考えなくても、理解できるように工夫する Preattentive Attributes Visual Analyticsを助ける考え方(= Art and Science)
4. 今回は、形と位置
5. Preattentive Attributesの種類 Color - 色 Form - 形 Position - 位置 Movement - 動き
6. Form Color Position
7. TL;DR (Visual) Illusion Shapes and Position
8. ゲームをしましょう :)
9. どちらが大きい？
10. どちらが大きい？
11. 傾きが大きいのは？
12. 傾きが大きいのは？
13. 人間の視覚を騙すのはとても簡単
17. 以上を頭の片隅に
18. 記憶の三段階 タイプ 保持期間 容量制限 Sensory memory(即時記憶) 200~500ミリ秒 特徴のあるものだけ。 Short-term memory(短期記憶) 10~15秒 一度に7項目まで。 Long-term memory(長期記憶) 生涯 個人差がある。
19. Best Practices of Shapes and Position
20. 組み合わせの法則
21. 向き + 位置 = 折れ線グラフ
22. 長さ + 幅 + 位置 = 棒グラフ
23. 形状 + 位置 + グループ = 散布図
24. 複雑そうなグラフも紐解くと組み合わせ
25. 長さ + 幅 + 位置 + サイズ = ウォーターフォールチャート
26. サイズ + 位置 + グループ = バブルチャート
27. サイズ + グループ = パックバブルチャート
28. 空間を最大限活用する
29. サイズ + 位置 + 囲い = ツリーマップ
30. 位置(緯度、経度) + 囲い = 地図
31. 色も組み合わせてみると、さらに強力に
32. 長さ + 幅 + 位置 + 囲い + 色相 = 積み上げ棒グラフ
33. 向き + 位置 + 囲い + 色相 = 面グラフ
34. サイズ + 向き(角度) + 囲い + 色相 = 円グラフ
35. 位置 + 囲い + 彩度 = ヒートマップ
36. すべてのグラフは Preattentive Attributesから できている
37. TL;DR (Visual) Illusion 人間の視覚情報は容易に騙される(錯覚、錯視) 視覚を悪用しないように注意する Shapes and Position すべてのグラフを構成している要素はPreattentive Attributesである 色と組み合わせると強力な表現力となる