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
840
Other Decks in Design
See All in Design
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
650
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
株式会社バクタム 会社説明資料
bactum
0
360
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
240
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
500
CursorでAI活用のナレッジベースを構築する
kanzaki
0
740
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
390
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Mobile First: as difficult as doing things right
swwweet
224
10k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Agile that works and the tools we love
rasmusluckow
331
21k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Building Applications with DynamoDB
mza
96
6.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Optimizing for Happiness
mojombo
379
70k
RailsConf 2023
tenderlove
30
1.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
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Ͱ࠷ऴՌΛͭ͘Δ ͦͷ΄͔πʔϧͷબࢶ๛ εϐʔυͱΫΦϦςΟͷόϥϯεͰ