[HTML5J 第47回HTML5とか勉強会] データ・ビジュアライゼーションの現況と実際
•
17 likes•3,506 views
2014/04/18 (金) 第47回HTML5とか勉強会（データビジュアライゼーション）での登壇資料です。 http://html5j.doorkeeper.jp/events/10518
Recommended
More Related Content
More from Yuichi Yazaki
More from Yuichi Yazaki (12)
[HTML5J 第47回HTML5とか勉強会] データ・ビジュアライゼーションの現況と実際
- 1. データ・ビジュアライゼーション の現況と実際 第47回HTML5とか勉強会（データビジュアライゼーション） 2014/04/18 (金) 19:30 - 21:30 http://html5j.doorkeeper.jp/events/10518
- 5. • 人が手作業かグラフィックアプリケーションで描いている。 • 手元にあるデータの特性を作者が理解し、その特徴を最大化するために表現が選 ばれる。 • そのため、別のデータを使用して再作成するのが容易ではない。 • 表示についてのルールとその例外ルールについて、作者以外の外部から、すべて を推測することが難しい。 • 参照したデータとの関連性の証明が難しい。 • インタラクションがないものが多い。 インフォメーション・グラフィック
- 7. データ・ビジュアライゼーション • あるデータセットが、予め用意されたアルゴリズムを用いて、コ ンピュータによって描画されること。 • その描画によってデータセットを眺めているだけではわからない 傾向や特徴が明らかになっていること。 • アルゴリズムはコーディングによって定義され、チャートやグラ フとして発達してきた表示形式を用い、形式知化／可視化されて いること。 • ソート、フィルター、トグルなどのインタラクションが可能で、 その場でその結果がすぐ得られること。 • 利用しているデータセットが可視化されていること。 http://visualizing.jp/infograph_vs_dataviz/
- 8. 今起こっていること 1. Open Data 2. Creative Coding 3. Visualization Practitioner オープン・データ クリエイティブ・コーディング ビジュアライズの実務者
- 9. 1. Open Data オープン・データ
- 10. 経緯と流れ 2004年∼ UK 2009年∼ USA 2012年∼ 日本
- 11. オープン・ガバメント オープンガバメント シンポジウム Wiredカンファレンス 2013 東京大学公共政策大学院 http://wired.jp/conference2013/ http://www.pp.u-tokyo.ac.jp/events/2013-11-19/
- 15. 2. Creative Coding クリエイティブ・コーディング
- 16. MIT Media Lab / Ben Fry & Casey Reas Processing (Java) Parsons The New School for Design / Zach Lieberman, Theo Watson & Arturo Castro openFrameworks (C++ & C#) the Stanford University s Stanford Visualization Group / Mike Bostock D3.js (JavaScript & SVG) Visualization Toolkits
- 17. Ben Fry Mike Bostock Visualization Toolkits Makers Casey Reas Zach Lieberman Theo Watson Arturo Castro
- 18. 3. Visualization Practitioner ビジュアライズの実務者
- 20. d3 アンカンファレンス @ GitHub本社
- 21. 可視化のための実際のコードを 書く人たちが求められている • パーソナルコンピュータ、モバイルデバイスの劇的な価格低下と高 性能化 • 第二次ブラウザ戦争の遺産としての非常に高速化された JavaScriptエンジンとCanvasをはじめとするHTML5関連テク ノロジー • クライアント関連テクノロジーのブラウザへの集約 • 各種デバイスから生み出される凄まじい量のデータ • それらを扱うためのオープンソースツール群の発展 • そしてそれらを利用したいスタートアップや大手企業の可視化分野 への関心 http://visualizing.jp/d3-unconf-2014-1/ by Keiichiro Onoさん http://visualizing.jp/d3-unconf-2014-2/
- 23. データをビジュアライズ
- 27. Data
- 28. データはどこにある？ • 各国のデータカタログサイト • 国際機関（国連、世銀）のデータサイト • Wikipedia • SNS • 各種ウェブサイト • 専門家に聞く • 書籍 etc…
- 33. データのクレンジング
- 34. データのクレンジング • コラムごとのデータ形式の変換 • データ形式が間違っているものを 検出（数値のコラムに文字列など • データの重複を探し出す • 表記揺れの解消 • エラー値の検出と処理 • 空白の検出と処理 http://openrefine.org/
- 35. Visualize
- 36. ヴィジュアライズ＝ものの見方
- 38. 視点のある場所によって、 見える景色が変わる 杉浦康平 - 時間軸変形地図
- 39. Objective vs Subjective • データヴィジュアライゼーションは可視化されたデータに基づくものなのだが、それでも主観 的な考えは入ってくる。 • 主観的な考えを完璧に排除することは難しいが、多面的な視座を提供することで、解釈する余 地や幅を持たせてあげることが肝要。
- 40. Workflow
- 42. 「Data Journalism Handbook」によるワークフロー • ロンドンで開かれた MozFest 2011での48時間ワークショップの集 大成 • BBC、シカゴトリビューン、ガーディアン、フィナンシャルタイムズ、 ニューヨークタイムズ、ワシントンポスト、テキサストリビューンな どが参加。 • データ・ジャーナリズムの知識共有や実例集。 http://datajournalismhandbook.org/
- 43. ワークフロー
- 44. 正規化
- 45. 正規化 • １回正規化されたデータは、様々な表示スタイルに利用可能。 • 異なるデータを同様に扱うことができる。 • プログラムが生成する値との親和性 • 正規化と補間は、正比例で入出力がなされるべきとは限らない。 正規化する理由
- 48. ビジュアル・アプリケーション 問題の定義 データ型 次元 データ構造 インタラクショ ンの型 伝達 探索 確認 定量的 順序 カテゴリー 一変量 二変量 三変量 多変量 線形 時間的 空間的 階層 ネットワーク 静的 転換可能 操作 「情報を見える形にする技術」Riccardo Mazza著
- 59. 解決法 その4 新しい手法を使う - 平行座標(Parallel Coordinates) - 平行セット(Parallel Set) - レーダーチャート(Radar chart) - チャーノフの顔(Chernoff face)
- 64. ネットワークと階層 Visual Complexity The Book of Trees
- 66. 技術選定 SVG or Canvas or WebGL?
- 67. Big Dataのビジュアライゼーションを ブラウザー上でリアルタイムに実現するためのフレームワーク http://superconductor.github.io/superconductor/
- 70. Wrap Up
- 71. データ・ジャーナリズム
- 72. DPC調査データ
- 73. 世界価値観調査