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.4k
データビジュアライゼーションのツール」
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
850
Other Decks in Design
See All in Design
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
170
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
kintone_aroma
kintone
0
230
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
690
Findyのプロデチームの 歩みとこれから
satty9556
0
320
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.5k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
710
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
220
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
380
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
7 Core Values of Round-L
wired888
0
2.3k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Practical Orchestrator
shlominoach
190
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Being A Developer After 40
akosma
91
590k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
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Ͱ࠷ऴՌΛͭ͘Δ ͦͷ΄͔πʔϧͷબࢶ๛ εϐʔυͱΫΦϦςΟͷόϥϯεͰ