Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
データビジュアライゼーションのツール」
Search
SUGIMOTO Tatsuo
November 25, 2016
Design
0
1.2k
データビジュアライゼーションのツール」
2016年11月25日
Code for Saga(コードフォーサガ) × 佐賀大学
「データの見える化で地域課題を解決しよう」第2回
SUGIMOTO Tatsuo
November 25, 2016
Tweet
Share
More Decks by SUGIMOTO Tatsuo
See All by SUGIMOTO Tatsuo
データビジュアライゼーションの制作方法を学ぶ
sugi2000
0
1.4k
DataMapp データ駆動型地図表現ツールの開発
sugi2000
0
200
文芸テキストを地図上にビジュアライズする観賞型Webアプリ「bibliomaps」の開発
sugi2000
1
1k
地域の可視化をたのしもう
sugi2000
2
730
Other Decks in Design
See All in Design
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
940
リリース1ヶ月後で機能をなくした話
hinofu
1
700
TrollsTopia: Funtography- Part 1
kenijam
1
210
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
330
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
今日から始めるDesignOpsのヒント
isaikaori
1
420
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
3.5k
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
0
160
decksh object reference
ajstarks
2
920
Featured
See All Featured
Designing with Data
zakiwarfel
96
4.8k
Testing 201, or: Great Expectations
jmmastey
28
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Scaling GitHub
holman
457
140k
Clear Off the Table
cherdarchuk
84
310k
Designing Experiences People Love
moore
136
23k
Web development in the modern age
philhawksworth
202
10k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Transcript
datavis for saga BY Andy Lamb https://www.flickr.com/photos/speedoflife/8273922515/in/photostream/ σ ʔ λ
Ϗ δ ϡ Ξ ϥ Π θ ʔ γ ϣ ϯ ͷ π ʔ ϧ ਿຊୡጯ ࠤլେֶܳज़ҬσβΠϯֶ෦ Code for Saga × ࠤլେֶ σʔλͷݟ͑ΔԽʹΑΔҬ՝ղܾϫʔΫγϣοϓ ୈ2ճɹ2016-11-25
datavis for saga @sugi2000 ਿຊୡጯʢ͗͢ͱɾ͓ͨͭʣ ࠤլେֶ ܳज़ҬσβΠϯֶ෦ ҬσβΠϯίʔε ใσβΠϯ
datavis for saga ͖ΐ͏ͷ͓ ❶ɹσʔλϏδϡΞϥΠθʔγϣϯͷσβΠϯࢦ ❷ɹσʔλϏδϡΞϥΠθʔγϣϯͷπʔϧͷհ
datavis for saga σʔλϏδϡΞϥΠθʔγϣϯͷ σβΠϯࢦ ⁞
datavis for saga σʔλϏδϡΞϥΠθʔγϣϯͷσβΠϯࢦ http://manual.cytoscape.org/en/stable/Styles.html
datavis for saga σʔλϏδϡΞϥΠθʔγϣϯͷσβΠϯࢦ σʔλ ϏδϡΞϧ σʔλ͔Β ࢹ֮ใͷ มϧʔϧ ↑Ϣʔβ͕ࢦఆ
σʔλۦಈܕʢData drivenʣ σʔλ͕υΩϡϝϯτͷ༰Λίϯτϩʔϧ͢Δ πʔϧʹ·͔ͤͯ ৭ܗΛࢦఆ͠ͳ͍ ೖྗ ग़ྗ πʔϧ
datavis for saga σʔλϏδϡΞϥΠθʔγϣϯͷ πʔϧհ
datavis for saga σʔλΛ४උ - σʔλͷΫϦʔχϯάʢΫϨϯδϯάʣ - ޡهमਖ਼ɺදهͷ౷ҰɺॏෳͷআڈͳͲ - ϚγϯϦʔμϒϧͳσʔλʹ
- CSVJSONͳΒɺͲͷπʔϧͰར༻OK - Excel - σʔλϕʔε
datavis for saga σʔλΛݟͤΔํ๏ • ม͍ͭ͘ʁ • ;ͭ͏ͷνϟʔτʢάϥϑʣ • ۭؒใͱҰॹʹʢਤɺؒऔΓਤ…ʣ
• ࣌ؒใͱҰॹʹʢදɺλΠϜϥΠϯ…ʣ • ΞχϝʔγϣϯɺΠϯλϥΫγϣϯ
datavis for saga σʔλϏδϡΞϥΠθʔγϣϯͷπʔϧ • ઐ༻ΞϓϦ • ౷ܭ • BI
• GIS • άϥϑՄࢹԽ • σβΠϯ • ϓϩάϥϛϯάݴޠͷϥΠϒϥϦ • WebαʔϏε
datavis for saga &YDFM (PPHMF4IFFUT Good ɾ͖݅ॻࣜ ɾ੩తͳάϥϑ ɾCSVΤΫεϙʔτ Bad
ɾηϧͷ࿈݁ ɾ3Dάϥϑ
datavis for saga &% &YDFMUP%KT Good ɾΦʔϓϯιʔε ɾExcel͔Βར༻Մೳ Bad ɾWeb
Viewʹҙ
datavis for saga 5BCMFBV1VCMJD Good ɾແྉ ɾ๛ͳΪϟϥϦʔ Bad ɾσʔλެ։ https://public.tableau.com/profile/thomas.o.hara#!/vizhome/WildlifeStrikesbyAirplanes/Dash
datavis for saga $ZUPTDBQF Good ɾΦʔϓϯιʔε http://www.cytoscape.org/ (FQIJ ωοτϫʔΫੳ https://gephi.org/
datavis for saga ΤϯδχΞ͚ͷπʔϧ • R, R + ggplot2, R
+ ggvis • Python + matplotlib, Python + Seaborn, Python + Bokeh • Node.js + Cytoscape.js σβΠφʔدΓͷπʔϧ • D3.js, C3.js, NVD3 • Processing, p5.js
datavis for saga %KT Good ɾΦʔϓϯιʔε ɾΧελϚΠζࣗࡏ ɾαϯϓϧ๛ Bad ɾֶशۂઢ͕ٸʢΉ͔͍ͣ͠ʣ
datavis for saga खඳ͖εέον Good ɾѹతεϐʔυ Bad ɾਖ਼֬ੑ ɾΠϯλϥΫγϣϯ http://harukanashow.org/archives/3846
ࠓ࣍ʮߟݱֶʯ
datavis for saga खඳ͖εέον
datavis for saga खඳ͖εέον มϧʔϧʢϚοϐϯάؔʣͷ ϓϩνλΠϐϯάखඳ͖͕͍ͪΜ σʔλ͔Β ࢹ֮ใͷ มϧʔϧ ↑Ϣʔβ͕ࢦఆ
πʔϧ
datavis for saga ·ͱΊɿ σʔλϏδϡΞϥΠθʔγϣϯΛ खܰʹ࢝ΊΔͳΒʜ 1. σʔλͷ४උʹExcelɺGoogle Sheets 2.
खඳ͖E2D3ͰՄࢹԽͷϓϩτλΠϐϯά 3. Tableau PublicD3.jsͰ࠷ऴՌΛͭ͘Δ ͦͷ΄͔πʔϧͷબࢶ๛ εϐʔυͱΫΦϦςΟͷόϥϯεͰ