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.3k
データビジュアライゼーションのツール」
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.8k
DataMapp データ駆動型地図表現ツールの開発
sugi2000
0
210
文芸テキストを地図上にビジュアライズする観賞型Webアプリ「bibliomaps」の開発
sugi2000
1
1.3k
地域の可視化をたのしもう
sugi2000
2
840
Other Decks in Design
See All in Design
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
710
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
170
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
UXデザインはなぜ定着しないのか?
designstudiopartners
0
940
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
800
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
490
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
330
freee + Product Design FY25Q4
freee
4
16k
sachi_y_portfolio
sachi337
0
510
Them Middle School Kids Pitch
stevie_vee
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.1k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Designing Experiences People Love
moore
142
24k
Facilitating Awesome Meetings
lara
55
6.5k
KATA
mclloyd
32
14k
It's Worth the Effort
3n
187
28k
Become a Pro
speakerdeck
PRO
29
5.5k
Scaling GitHub
holman
463
140k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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Ͱ࠷ऴՌΛͭ͘Δ ͦͷ΄͔πʔϧͷબࢶ๛ εϐʔυͱΫΦϦςΟͷόϥϯεͰ