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
October 28, 2016
Design
2
850
地域の可視化をたのしもう
2016-10-28
アーバンデータチャレンジ2016キックオフ!
Code for Saga × 佐賀大学
第10回井戸端会議「データの見える化で地域課題を解決しよう」
SUGIMOTO Tatsuo
October 28, 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
0
1.4k
Other Decks in Design
See All in Design
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
CursorでAI活用のナレッジベースを構築する
kanzaki
0
800
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
560
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
400
アクセシビリティに取り組むメリット
magi1125
2
270
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
760
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
230
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
kintone Style Book
kintone
4
3.5k
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
200
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
220
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Thoughts on Productivity
jonyablonski
70
4.9k
Designing for Performance
lara
610
69k
Code Review Best Practice
trishagee
72
19k
Designing for humans not robots
tammielis
254
26k
BBQ
matthewcrist
89
9.9k
Visualization
eitanlees
149
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Transcript
datavis for saga BY Andy Lamb https://www.flickr.com/photos/speedoflife/8273922515/in/photostream/ ҬͷՄࢹԽΛ ͨͷ͠͏ ਿຊୡጯ
ࠤլେֶܳज़ҬσβΠϯֶ෦ Code for Saga × ࠤլେֶ σʔλͷݟ͑ΔԽʹΑΔҬ՝ղܾϫʔΫγϣοϓ 2016-10-28
datavis for saga @sugi2000 ਿຊୡጯʢ͗͢ͱɾ͓ͨͭʣ ࠤլେֶ ܳज़ҬσβΠϯֶ෦ ҬσβΠϯίʔε ใσβΠϯ
datavis for saga ͖ΐ͏ͷ༰ ❶ɹͳͥσʔλϏδϡΞϥΠθʔγϣϯͳͷ͔ ❷ɹࣄྫհ ❸ɹҬͷՄࢹԽΛͨͷ͠Ή
datavis for saga ͳͥσʔλϏδϡΞϥΠθʔγϣϯͳͷ͔ ⁞
datavis for saga ❶ɹͳͥσʔλϏδϡΞϥΠθʔγϣϯͳͷ͔ ੈքʢෳࡶͳݱʣͷநԽɾਤදԽ େྔσʔλͷੳɾՄࢹԽɾڞ༗ ੈքΛѲ͠ɺΑΓΑ͍ੈքʹΞοϓσʔτ͍ͨ͠ ՄࢹԽ͕ղܾ͢ΔͷͰͳ͘ɺ ՝ղܾʹ͔͏ʮࢳޱʯΛఏڙ͢Δ
datavis for saga ❶ɹͳͥσʔλϏδϡΞϥΠθʔγϣϯͳͷ͔ BY Kohei Sugiura σʔλϏδϡΞϥΠθʔγϣϯͷಛ ਓؒͷ֮ʹૌ͑ΔʮඒతՁʯ ɹˠ෩Խ͠ʹ͍͘
ݴޠʹͨΑΒͳ͍ʮ৽͍͜͠ͱʯ ɹˠීٴɾೝʢҰఆͷಡΈॻ͖ೳྗʣ͕ඞཁ
datavis for saga ࣄྫհ
datavis for saga ❷ɹࣄྫհ ɾࠤլݝࣄબڍ ɾւಓࣄબڍ ɾDataMapper ɾࠤլݝখࢢͷ;Δ͞ͱೲ੫ ɾϏϒϦΦϚοϓਆށ൛
datavis for saga ࠤլݝࣄબڍʢ2015ʣ http://bl.ocks.org/sugi2000/4f7432a55f24f83db9d406c624341540
datavis for saga ւಓࣄબڍʢ2015ʣ http://bl.ocks.org/sugi2000/44ba4882404d8c0be4a2
datavis for saga DataMapper ʢະެ։ʣ
datavis for saga
datavis for saga
datavis for saga
datavis for saga
datavis for saga
datavis for saga νϟϨϯδʂʂΦʔϓϯΨόφϯε2016 http://park.itc.u-tokyo.ac.jp/padit/cog2016/ খࢢͷ;Δ͞ͱೲ੫ͷฦྱͷಛੑ
datavis for saga http://www.citydo.com/furusato/rank/r04c03.html ฏ27;Δ͞ͱೲ੫࣮ϥϯΩϯά http://www.saga-s.co.jp/news/saga/10101/345833 ࠤլ৽ฉ 201608݄18
datavis for saga খࢢͷ;Δ͞ͱೲ੫ͷฦྱͷಛੑ http://bl.ocks.org/sugi2000/979d21d6993f45aec99211b2f14065bd
datavis for saga bibliomaps ϏϒϦΦϚοϓਆށ൛ ʢະެ։ʣ
datavis for saga ҬͷՄࢹԽΛͨͷ͠Ή
datavis for saga ❸ɹҬͷՄࢹԽΛͨͷ͠Ή WHY?ɹԿͷͨΊʹʁ ·ͪΛΑ͘ΓɺΑΓΑ͘͢ΔͨΊͷ͖͔͚ͬͮ͘Γ Ҭʹର͢ΔΠϝʔδΛิਖ਼͢Δ
datavis for saga ❸ɹҬͷՄࢹԽΛͨͷ͠Ή ɾΞΠσΞΛग़ൃʹσʔλΛ͕͢͞ ɹˠ͍ͬͯΔσʔλΛ۷Γ͓͜͢ ɾखΛಈ͔ͯ͠ɺͭͬͯ͘ΈΔ ɹˠՄࢹԽͷັྗͱ͠͞ͷ྆໘͕Α͘Θ͔Δ ɾ൸࿐ͯ͠ޠΓ߹͏ ɹˠ൷ධɾൃలͷϑΟʔυόοΫϧʔϓ
STEP
datavis for saga ❸ɹҬͷՄࢹԽΛͨͷ͠Ή ɾझຯʢʹඇۀʣͰͬͯΈΔ ɹˠετϨεϑϦʔʂ ɾߦɾઐՈ·͔ͤʹ͠ͳ͍ ɹˠੜ׆ऀͷࢹͰ՝ղܾʹऔΓΉ POINT!
datavis for saga ;Γ͔͑Γ ❶ɹͳͥσʔλϏδϡΞϥΠθʔγϣϯͳͷ͔ ❷ɹࣄྫհ ❸ɹҬͷՄࢹԽΛͨͷ͠Ή Ұॹʹͨͷ͠Έ·͠ΐ͏ʂ