データ・ビジュアライゼーション&ストーリーテリングを学ぶ！ハンズオンセミナー
•
14 gefällt mir•2,680 views
大阪イノベーションハブで4月27日に開催されたイベントでのスライド資料です。 https://data-visualization-japan.doorkeeper.jp/events/22352
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Ähnlich wie データ・ビジュアライゼーション&ストーリーテリングを学ぶ！ハンズオンセミナー
データ・ビジュアライゼーション&ストーリーテリングを学ぶ！ハンズオンセミナー
- 2. 18:00-18:10 会場挨拶など 18:10-18:30 矢崎 講義 18:30-19:00 レーニス 講義 19:00-19:10 グループ分け 19:10-20:20 グループ作業 20:20-21:00 グループ作業の発表 今日の進行
- 3. • Data Visualization Japanについて • 最近の作品 • 今日扱うこと、言葉の定義 • 可視化の利点 • インフォメーション・グラフィックとデータ・ ビジュアライゼーション • 日本におけるデータビジュアライゼーションの 今日的な意味 • データのありか • データの整形 • データの組み合わせ方
- 6. Data Visualization Japan 運営メンバー紹介 矢崎 裕一 小副川 健 Everton Yoshitani Keiichiro Ono ソフトウェアエンジニア データサイエンティストデザイナー ソフトウェアエンジニア 生命科学研究で利用されるソフトウェアの 設計と開発。サンディエゴ在住。 某ITベンダでいろんな業種業務のデータ解 析。 visualizing.jpを運営。データビジュアラ イゼーションを日本で普及すべく、各地で の講義など。 node.js、NoSQL、Angular.JSなどを得意 とするエンジニア。日本とブラジルのハー フ。
- 7. （テレビ局ディレクター） タイトル：医療データ可視化の最前線 小副川 健さん（富士通株式会社/Data Visualization Japan） タイトル：ちゃんと学ぶD3.js 財満大介さん（日本経済新聞） タイトル：日経新聞でのデータ可視化について 西田 善彦さん（富士通デザイン株式会社） タイトル：直感とビジュアライズ 奥山 晶二郎さん（朝日新聞） タイトル：震災報道におけるデータジャーナリズム 伊藤 大地さん（ハフィントン・ポスト日本版 エディター） タイトル：コードの書けないド文系がデータを使って報道す るのって大変だ 五十嵐 康伸さん（研究者） タイトル：Graph it forward - Plotlyに見るグラフ共有の 意味 - 矢崎 裕一（Data Visualization Japan/visualizing.jp） タイトル：DataVisualizationJapanの目指すもの http://data-visualization-japan.doorkeeper.jp/events/14892 第一回イベント 9/16 at Mixi.
- 8. 鈴木 拓生さん（@taquo） タイトル：アナログとデジタルのヴィジュアライゼーション手 法 櫻田 潤さん（NewsPicks） タイトル：ビジュアル・コンテンツのデザイン 大友 翔一さん（研究者） タイトル：統計・防災・環境情報が、ひと目で分かる地図の 作り方 五十嵐 康伸さん（研究者） タイトル：Graph it forward by using E2D3 https://data-visualization-japan.doorkeeper.jp/events/18551 第二回イベント 12/25 at Sony Craetive Lounge 谷口 直嗣さん（フリーランス） タイトル：バーチャルリアリティを使ったデータビジュアライ ゼーションの可能性 清水 正行さん（研究者） タイトル：たのしいジオビジュアライゼーション 大野 圭一朗さん（カリフォルニア大学サンディエゴ校医学部/ Data Visualization Japan） タイトル：「数字を見せろ」から「コードを見せろ」へ
- 9. iPython Notebook ハンズオンセミナー https://data-visualization-japan.doorkeeper.jp/events/22629 第三回イベント 12/25 at 日経新聞 本社 Takeshi Osoekawaさん、Kentaro Ikemotoさんのダブル講師による贅沢なハンズオンセミナー
- 10. 最近の作品
- 12. Open Data Day logo generator http://logo.odd.okfn.jp/
- 16. 今日扱うこと、言葉の定義
- 22. そのことによって… • 行動が変わる • 記憶に残る • 人に話したくなる なるほど！
- 27. • 人が手作業かグラフィックアプリケーションで描いている。 • 手元にあるデータの特性を作者が理解し、その特徴を最大化す るために表現が選ばれる。 • そのため、別のデータを使用して再作成するのが容易ではない • 表示についてのルールとその例外ルールについて、作者以外の 外部から、すべてを推測することが難しい。 • 参照したデータとの関連性の証明が難しい。 • インタラクションがないものが多い。 インフォメーション・グラフィック http://visualizing.jp/infograph_vs_dataviz/
- 28. データ・ビジュアライゼーション • あるデータセットが、予め用意されたアルゴリズムを用いて、コ ンピュータによって描画されること。 • その描画によってデータセットを眺めているだけではわからない 傾向や特徴が明らかになっていること。 • アルゴリズムはコーディングによって定義され、チャートやグラ フとして発達してきた表示形式を用い、形式知化／可視化されて いること。 • ソート、フィルター、トグルなどのインタラクションが可能で、 その場でその結果がすぐ得られること。 • 利用しているデータセットが可視化されていること。 http://visualizing.jp/infograph_vs_dataviz/
- 31. データによる合意形成の手助け
- 33. データによる合意形成の手助け 日本列島の地域構造・図集 • 1967年 日本地域開発センター刊 • シート126枚、白地図2枚が束ねて収容されている • 30 x 31 x 7.5cm、英文併記 • 高度成長のピークにさしかかっているころ • 未来学が盛ん • 日本が世界のなかでどの位置にいるか知りたい、という要望
- 35. データによる合意形成の手助け 日本列島の地域構造・図集 • 建築家 丹下健三と地理学者 木内信蔵による、日本列島の構造の リサーチ統計をダイアグラムにまとめたもの • 多数の学者とグラフィックデザイナーを動員し制作に2年半か かった • この図集は、当時経済成長が進み、地域問題が浮上する中で議 論の土台を作るために、様々な角度から日本列島の「今」の情 報を視覚化することを狙って作られた。
- 36. • 1960年 世界デザイン会議（基調講演「デザインの展望」ハーバート・バイヤー） 第一次オリンピック前後 • 1953年 ハーバート・バイヤー著作「世界地理地図」 • 1964年 第一次東京オリンピック • 1967年 非広告系デザイナーによる「日本列島の地域構造・図集」
- 37. 全体と部分を同時に描くことの難しさ データによる合意形成の手助け 日本列島の地域構造・図集 作者が語る難しかったこと 「棒グラフ、円グラフなどグラフの概念で捉えられる手法は、現象を定量的に鋭く表現するためにはなくてはならないものである。しかし量的な 対比を明確に表示しようとすればするほど、複雑な構造をもった全体像の極小部分を切り取る形となり、全体像を見ようとすれば、継時的に多数 のグラフをつき合わせて、観察者の思考過程の中で論理的な関係を組み立てなくてはならない。その点で、なまの数表を読んでいく場合と同じよ うな、利用の限界がある。」 性質の異なるものの相関を地図上で表すことの難しさ 「 地図の概念でとらえられるものは、量を表現する点・線・面などの図形あるいは定性的な記号-アイソタイプを地形図の上にプロットして現象 の地域的分布を示すものである。地域間の対比はこれによって表現することは出来るが、性質の異なる諸指標間の相関関係を読み取ることは一般 に困難である。構造モデル をあらかじめ想定して量的表示のパターンを標準化し、図上での相関関係を強調しようとすれば、それは主観を含んだ 特定の論証に単に「さしえ（イラストレーション）」を付け加えるだけのことになる。」
- 40. 空からの俯瞰 vs 地面からの眺め 杉浦康平 - 時間軸変形地図
- 42. • 「私」の属性（例：いる場所）によってそこから見える全体像が 動的に変化すること • 「俯瞰／統治型の国土管理地図の形と、文化の振る舞いをうつし だす地図の変化」主観的な地図 • データの多角的な見方を用意することで、視野が多角的になる。 Data Visualization 空からの俯瞰 vs 地面からの眺め 杉浦康平 - 時間軸変形地図
- 43. 事実と評価を峻別することが大事
- 47. • 福島での線量計の話 • 公共事業とGDPと消費税 • 「現在の65歳以上から、75歳以上へ 変更すれば現役世代の負担率を減らす ことができる」三浦 展：日本の地価 が3分の1になる! 2020年 東京オリ ンピック後の危機 データの取り方
- 48. • データを、多角的な見方をすることによっ て、視野を多角的に • 事実と評価を峻別し、事実を元にした合 意形成のあり方 • データの扱い方を身につけることで、自 分なりの検証をしてみる まとめると…
- 49. ヴィジュアライズ＝ものの見方
- 51. データのありか
- 52. データはどこにある？ • 総務省統計局のサイト（e-stat） • 各国のデータカタログサイト • 国際機関（世銀、OECD）サイト • Wikipedia • SNS • 各種ウェブサイト 統計情報 ウェブ • 専門機関に聞く • 書籍 • たいていはサービス主体 たる企業 •誰かが記録に残さないと、 記録に残っていかない ヒューリスティック センサーデータ 街
- 55. データの整形
- 57. 行政の提供する統計データファイルはShift JISであることが多い。 1.文字コード ExcelやAdobe Illustrator日本語版ではShift JISという文字 コードを採用している。 Shift JISは日本語のみの文字コードで、現在はUTF-8という 多様な言語体系を含んだ文字コードが標準的に使用されている。 扱い方のポイント ウェブで使用するファイル、様々なアプリで使用するファイルは UTF-8へ変換する必要がある。
- 62. テキストファイル → Excel という移動 5.アプリ間のデータ移動扱い方のポイント CSV／TSVファイル 「ファイルを開く」 機能で開く エディタからExcelへ コピー＆ペースト 1 2a 2b csv, tsv…OK csv…NG, tsv…OK UTF-8…文字化けする UTF-8…文字化けしない
- 63. Excel → テキストファイル という移動 5.アプリ間のデータ移動扱い方のポイント Excelファイル CSV/TSVで保存し たものを「ファイル を開く」機能で開く Excelからエディタへ コピー＆ペースト 1 2a 2b
- 67. データの組み合わせ方
- 72. 今日使うツール
- 74. 作例