「LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1」での登壇資料です。

1. LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1
2014/07/20 (日) 10:00 - 19:00
https://www.facebook.com/events/1448637512058581/
矢崎 裕一
インフォグラフィックス、
ビジュアライズ制作のコツ

2. 矢崎裕一
• インターフェイスデザイナー
• データビジュアライズデザイナー
• トイコンサルタント
• Code for Japanメンバー
• visualizing.jp

3. CEREVO
http://www.cerevo.com/ja/

5. Code for Japan
http://code4japan.org/

7. Race for Resilience
http://raceforresilience.org/

8. ISAC Tokyo (NASAハッカソン)
http://tokyo.spaceappschallenge.org/

9. 曄田依子
ポートフォリオ

10. シャボン玉生成器

13. 横浜市 人口の遷移
http://yokohama.localgood.jp/data/674/

14. iPhone5S キャリア別通信スピード比較
http://n1n9.jp/dataviz/iPhone5sDownloadSpeed/

15. 日本に常在している外国人数の遷移
http://bl.ocks.org/n1n9-jp/3470f6bf0980cf098024

16. DPC data visualization
http://n1n9.jp/dataviz/asdjh2014/tokyo_dynamic/

17. DPC data visualization
http://n1n9.jp/dataviz/asdjh2014/tokyo_static/

21. コツ？
・何を訴えたいか
・どう訴えたいか

22. http://www.extremepresentation.com/design/charts/
「示したいこと」と「チャート」の対応表
（何を訴えたいか）

23. 「地図」か否か
（どう訴えたいか）
地図あるデータセット
地図以外あるデータセット
地図はなじみ深く、実装も比較的楽。地図を表現方法として採用するか否か。

24. QGISで地図データ取得して
イラストレーターで加工
http://www.slideshare.net/yuichy/lgy-dataviz-140627

25. ベース部分を印刷+手書きやシール
Heart Journey Mood Calendar / Adonian Chan
http://www.slideshare.net/yuichy/lgy-dataviz-140627
五感に訴える
（どう訴えたいか）

26. モノやおもちゃで表現（風船）
https://www.flickr.com/groups/vismaghandmadecontest/pool/
五感に訴える
（どう訴えたいか）

27. モノやおもちゃで表現(珈琲)
http://www.columnfivemedia.com/blog/in-caffeine-we-trust-infographic
五感に訴える
（どう訴えたいか）

28. 手書きの
データ
ビジュアライズ
http://www.visualnews.com/
2011/11/10/detailed-beauty-hand-
drawn-data-analysis/

29. コツ？
・注意点
・データセット数

30. ・一つの変数＝一つの表示スタイル
・似て非なるものは使わない
・誇張はせずに違いを端的に表す

31. 1つのデータセットを
複数の切り口でビジュアライズする
別な切り口
位置情報（地図）
あるデータセット

32. 複数のデータセットを
合体させてビジュアライズする
ビジュアル表現
データセットA
データセットB

33. 過去のプレゼン資料紹介

34. ジオメディアサミット
D3で切り開くジオ・データ・ビジュアライゼーションの可能性
http://visualizing.jp/files/geo-media-summit-12/#/

35. HTML5J コミュニティ
データ・ビジュアライゼーションの現況と実際
http://www.slideshare.net/yuichy/html5j-33789682

36. 東京大学CSIS
定例会議ワークショップ「D3.js」入門
http://www.slideshare.net/yuichy/csis-map-140514

37. データをわかりやすく可視化する「デー
タビジュアライゼーション」勉強会
実際に形にするための考え方のポイントとリソース紹介
http://www.slideshare.net/yuichy/lgy-dataviz-140627

38. visualizing.jp
http://visualizing.jp/

39. D3.js 参考例

40. D3.js Gallery
http://christopheviau.com/d3list/gallery.html

41. D3.js jp(Facebookグループ)
https://www.facebook.com/groups/d3js.jp/

42. 触れる可視化--
データビジュアライゼーションとは何か
http://japan.zdnet.com/business-application/analysis/35045343/
http://japan.zdnet.com/business-application/analysis/35045887/

43. バッドサンプル

44. Junk Charts
http://junkcharts.typepad.com/
詐欺グラフ
http://www.slideshare.net/akihikoiyoda/ss-24680492