Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
データビジュアライゼーションのツール」
Search
SUGIMOTO Tatsuo
November 25, 2016
Design
1.5k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
データビジュアライゼーションのツール」
2016年11月25日
Code for Saga(コードフォーサガ) × 佐賀大学
「データの見える化で地域課題を解決しよう」第2回
SUGIMOTO Tatsuo
November 25, 2016
More Decks by SUGIMOTO Tatsuo
See All by SUGIMOTO Tatsuo
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
140
「本のつながり」を可視化する
sugi2000
0
45
データビジュアライゼーションの制作方法を学ぶ
sugi2000
0
2.2k
DataMapp データ駆動型地図表現ツールの開発
sugi2000
0
250
文芸テキストを地図上にビジュアライズする観賞型Webアプリ「bibliomaps」の開発
sugi2000
1
1.4k
地域の可視化をたのしもう
sugi2000
2
960
Other Decks in Design
See All in Design
The decksh tutorial
ajstarks
1
120
泥臭く語るUIデザイン会|ホワイトボードチャレンジ【RAMEN TECH 2026】
garyuten
1
240
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
mukai_takeru
0
390
Figmaを使わなくなった私が、最近していること
mela_dayo
0
130
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
370
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
kgsi
1
880
ひとりで作れる時代に、判断をみんなで持つには
kgsi
1
120
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.8k
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.8k
RawrXD: The Sword
seanvraj_arts
0
220
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
tokikai Webポータルの要点|仕様へのこだわりポイントまとめ
soniria
0
130
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
187
23k
KATA
mclloyd
PRO
35
16k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
870
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
590
The Invisible Side of Design
smashingmag
301
52k
BBQ
matthewcrist
90
10k
It's Worth the Effort
3n
188
29k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
510
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
570
Java REST API Framework Comparison - PWX 2021
mraible
34
9.8k
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Ͱ࠷ऴՌΛͭ͘Δ ͦͷ΄͔πʔϧͷબࢶ๛ εϐʔυͱΫΦϦςΟͷόϥϯεͰ