local good yokohama データビジュアライズソンvol.1
DESCRIPTION
「LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1」での登壇資料です。TRANSCRIPT
![Page 1: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/1.jpg)
LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1
2014/07/20 (日) 10:00 - 19:00https://www.facebook.com/events/1448637512058581/
矢崎 裕一
インフォグラフィックス、 ビジュアライズ制作のコツ
![Page 2: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/2.jpg)
矢崎裕一
• インターフェイスデザイナー • データビジュアライズデザイナー • トイコンサルタント • Code for Japanメンバー • visualizing.jp
![Page 4: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/4.jpg)
![Page 6: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/6.jpg)
![Page 9: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/9.jpg)
曄田依子 ポートフォリオ
![Page 10: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/10.jpg)
シャボン玉生成器
![Page 11: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/11.jpg)
![Page 12: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/12.jpg)
![Page 14: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/14.jpg)
iPhone5S キャリア別通信スピード比較http://n1n9.jp/dataviz/iPhone5sDownloadSpeed/
![Page 15: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/15.jpg)
日本に常在している外国人数の遷移http://bl.ocks.org/n1n9-jp/3470f6bf0980cf098024
![Page 16: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/16.jpg)
DPC data visualizationhttp://n1n9.jp/dataviz/asdjh2014/tokyo_dynamic/
![Page 17: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/17.jpg)
DPC data visualizationhttp://n1n9.jp/dataviz/asdjh2014/tokyo_static/
![Page 18: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/18.jpg)
![Page 19: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/19.jpg)
![Page 20: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/20.jpg)
![Page 21: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/21.jpg)
コツ?
・何を訴えたいか ・どう訴えたいか
![Page 22: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/22.jpg)
http://www.extremepresentation.com/design/charts/
「示したいこと」と「チャート」の対応表(何を訴えたいか)
![Page 23: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/23.jpg)
「地図」か否か(どう訴えたいか)
地図あるデータセット
地図以外あるデータセット
地図はなじみ深く、実装も比較的楽。地図を表現方法として採用するか否か。
![Page 24: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/24.jpg)
QGISで地図データ取得して イラストレーターで加工
http://www.slideshare.net/yuichy/lgy-dataviz-140627
![Page 25: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/25.jpg)
ベース部分を印刷+手書きやシールHeart Journey Mood Calendar / Adonian Chan
http://www.slideshare.net/yuichy/lgy-dataviz-140627
五感に訴える(どう訴えたいか)
![Page 26: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/26.jpg)
モノやおもちゃで表現(風船)
https://www.flickr.com/groups/vismaghandmadecontest/pool/
五感に訴える(どう訴えたいか)
![Page 27: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/27.jpg)
モノやおもちゃで表現(珈琲)
http://www.columnfivemedia.com/blog/in-caffeine-we-trust-infographic
五感に訴える(どう訴えたいか)
![Page 28: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/28.jpg)
手書きの データ
ビジュアライズ
http://www.visualnews.com/2011/11/10/detailed-beauty-hand-
drawn-data-analysis/
![Page 29: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/29.jpg)
コツ?
・注意点 ・データセット数
![Page 30: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/30.jpg)
・一つの変数=一つの表示スタイル ・似て非なるものは使わない ・誇張はせずに違いを端的に表す
![Page 31: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/31.jpg)
1つのデータセットを 複数の切り口でビジュアライズする
別な切り口
位置情報(地図)
あるデータセット
![Page 32: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/32.jpg)
複数のデータセットを 合体させてビジュアライズする
ビジュアル表現
データセットA
データセットB
![Page 33: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/33.jpg)
過去のプレゼン資料紹介
![Page 34: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/34.jpg)
ジオメディアサミットD3で切り開くジオ・データ・ビジュアライゼーションの可能性
http://visualizing.jp/files/geo-media-summit-12/#/
![Page 35: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/35.jpg)
HTML5J コミュニティデータ・ビジュアライゼーションの現況と実際
http://www.slideshare.net/yuichy/html5j-33789682
![Page 36: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/36.jpg)
東京大学CSIS定例会議ワークショップ「D3.js」入門
http://www.slideshare.net/yuichy/csis-map-140514
![Page 37: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/37.jpg)
データをわかりやすく可視化する「データビジュアライゼーション」勉強会実際に形にするための考え方のポイントとリソース紹介
http://www.slideshare.net/yuichy/lgy-dataviz-140627
![Page 39: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/39.jpg)
D3.js 参考例
![Page 40: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/40.jpg)
D3.js Galleryhttp://christopheviau.com/d3list/gallery.html
![Page 41: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/41.jpg)
D3.js jp(Facebookグループ)https://www.facebook.com/groups/d3js.jp/
![Page 42: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/42.jpg)
触れる可視化-- データビジュアライゼーションとは何か
http://japan.zdnet.com/business-application/analysis/35045343/http://japan.zdnet.com/business-application/analysis/35045887/
![Page 43: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/43.jpg)
バッドサンプル
![Page 44: LOCAL GOOD YOKOHAMA データビジュアライズソンvol.1](https://reader035.vdocuments.mx/reader035/viewer/2022062405/55660bbed8b42aa6628b5129/html5/thumbnails/44.jpg)
Junk Chartshttp://junkcharts.typepad.com/
詐欺グラフhttp://www.slideshare.net/akihikoiyoda/ss-24680492