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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yuichi Yazaki
March 08, 2014
Design
0
230
データ・ビジュアライズのポイント
Open DATA METI ヴィジュアライズソンで発表した資料です。
http://peatix.com/event/29698
Yuichi Yazaki
March 08, 2014
Tweet
Share
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
310
世界の行政機関 情報可視化 事例
n1n9
0
2.3k
コロナ禍におけるデータ可視化
n1n9
2
220
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
760
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
290
データビジュアライゼーション講習のご案内
n1n9
0
300
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.2k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.2k
Other Decks in Design
See All in Design
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
120
TWCP#21 UXデザインと哲学のはなし
shinn
0
270
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
920
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
290
AIでデザインをつくる:基礎編
kenichiota0711
3
2.5k
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
200
Storyboard Exercise: Chase Sequence
lynteo
1
200
ドルちゃん
design_dolphins
0
550
Treasure_Hunting
solmetts
0
240
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
240
maki setoguchi
maki_setoguchi
0
660
Featured
See All Featured
How to build a perfect <img>
jonoalderson
1
4.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Statistics for Hackers
jakevdp
799
230k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
140
Side Projects
sachag
455
43k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Music & Morning Musume
bryan
47
7.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
Transcript
σʔλɾϏδϡΞϥΠζ ͷϙΠϯτ Yuichi Yazaki - http://visualizing.jp/
None
None
Ҭͷ՝Λ ςΫϊϩδʔΛ׆༻ͯ͠ղܾ͢Δ ࢢຽࢀՃܕͷίϛϡχςΟӡӦ γϏοΫςοΫ ެڞαʔϏεͷ։ൃӡӦΛࢧԉ
σβΠϯσʔλϏδϡΞϥΠζ ͱ͍͏ݴ༿ಈࢺ ໊ࢺʢԿΛରʹ͢Δ͔ʣʹΑͬͯ ݱΕΔ͕͕࢟ΒͬͱมΘΔɻ ! ਓͦΕͧΕͷϞνϕʔγϣϯͷҧ͍ ͦ͜ʹදΕ͍͢ɻ
None
Data Visualization?
Information Graphics VS Data Visualization
None
w ਓ͕ख࡞ۀ͔άϥϑΟοΫΞϓϦέʔγϣϯͰඳ͍͍ͯΔɻ w खݩʹ͋ΔσʔλͷಛੑΛ࡞ऀ͕ཧղ͠ɺͦͷಛΛ࠷େԽ͢ΔͨΊʹදݱ͕બ ΕΔɻ w ͦͷͨΊɺผͷσʔλΛ༻ͯ͠࠶࡞͢Δͷ͕༰қͰͳ͍ɻ w දࣔʹ͍ͭͯͷϧʔϧͱͦͷྫ֎ϧʔϧʹ͍ͭͯɺ࡞ऀҎ֎ͷ֎෦͔Βɺͯ͢ Λਪଌ͢Δ͜ͱ͕͍͠ɻ
w ࢀরͨ͠σʔλͱͷؔ࿈ੑͷূ໌͕͍͠ɻ w ΠϯλϥΫγϣϯ͕ͳ͍ͷ͕ଟ͍ɻ Information Graphics
None
w ͋Δσʔληοτ͕ɺ༧Ί༻ҙ͞ΕͨΞϧΰϦζϜΛ༻͍ͯɺίϯϐϡʔλʹΑͬ ͯඳը͞ΕΔɻ w ͦͷඳըʹΑͬͯσʔληοτΛோΊ͍ͯΔ͚ͩͰΘ͔Βͳ͍ಛ͕໌ Β͔ʹͳ͍ͬͯΔ͜ͱɻ w ΞϧΰϦζϜίʔσΟϯάʹΑͬͯఆٛ͞ΕɺܗࣜԽʗՄࢹԽ͞Ε͍ͯΔ͜ ͱɻ w
ιʔτʗϑΟϧλʔʗτάϧͳͲͷΠϯλϥΫγϣϯ͕ՄೳͰɺͦͷͰ݁Ռ͕ ͙͢ಘΒΕΔ͜ͱɻ w ར༻͍ͯ͠Δσʔληοτ͕ՄࢹԽ͞Ε͍ͯΔɻ Data Visualization
.*5.FEJB-BC+PIO.BFEB %FTJHOCZ/VNCFST .*5.FEJB-BC#FO'SZ$BTFZ3FBT 1SPDFTTJOH +BWB 1BSTPOT5IF/FX4DIPPMGPS%FTJHO ;BDI-JFCFSNBO 5IFP8BUTPO"SUVSP$BTUSP PQFO'SBNFXPSLT $
$ UIF4UBOGPSE6OJWFSTJUZ`T4UBOGPSE7JTVBMJ[BUJPO(SPVQ.JLF#PTUPDL %KT +BWB4DSJQU47( Visualization Toolkits
Data matters
σʔλͻͱΓͰ͍ΒΕͳ͍ দԬਖ਼߶ʰͷฤूֶʱ ʮใͻͱΓͰ͍ΒΕͳ͍ʯ ʮใ͕ใΛݺͿʯʮใݽཱ͍ͯ͠ͳ͍ʯ ʮใߦઌΛ͍ͬͯΔʯ ϚγϯϦʔμϒϧɺߏԽɺ$$ϥΠηϯεʜ Ͱ͋Δ͜ͱ͕؊৺
w ࠃࡍج४Ͱఆٛ͞Ε͍ͯΔσʔλʢ*40FUDʣ w ެత౷ܭσʔλ w ͱͳΔσʔλʢಓݝͷݝிॴࡏɺӺͷॴFUDʣ w ֗ʹσʔλᷓΕ͍ͯΔ w ϥΠϑϩάσʔλ
Ұޱʹσʔλͱݴͬͯ Ϩϕϧײ৭ʑ
ൺֱ w ֎ࠃͱൺͯΈΔ w ಓݝͰൺͯΈΔ w ࣌ܥྻͰΈͯΈΔ w ࣮ͱࢦඪɺܦࡁࢦඪͱͤͷൺֱ ૬ؔ
w ҟͳΔσʔλͰ૬ؔΛ୳ͯ͠ΈΔ ྫ͑ʜʁ
ྫ͑ʜʁ ࢹΛม͑ͯΈΔ ɾϛΫϩͷࢹ ɹˠੳ ɾϚΫϩͷࢹ ɹˠ૬ؔΈ߹ΘͤɺϏδϡΞϥΠζํ๏
Visualization matters
Visualization ަ࠲ඪܥ ۃ࠲ඪܥ ਤӨ๏ ࠲ඪܥ
Visualization ֊ߏ ؔੑ ࣌ؒతߏ ԿΛඳ͖͍ͨͷ͔ʁ ۭؒతߏ ۭ࣌ؒߏ ͦͷଞͷߏ ωοτϫʔΫਤͳͲ λΠϜϥΠϯɺϑϩʔਤͳͲ
͍ΘΏΔਤ ҐஔใΛ૬ରతʹར༻ πϦʔϚοϓͳͲ
Visualization ަ࠲ඪܥ ۃ࠲ඪܥ ਤӨ๏ ྑ͍ͱࢥ͏࡞͕͋ͬͨΒɺ Ͳ͜ʹͯ·Δ͔ྨͯ͠ΈΔ ֊ߏɹؔੑɹ࣌ؒతߏɹۭؒతߏɹۭ࣌ؒߏɹͦͷଞͷߏ
http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html ަ࠲ඪܥ ࣌ؒతߏ ×
ۃ࠲ඪܥ × http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html ֊ߏ
http://www.extremepresentation.com/design/charts/
Data meets Visualization
w खܰͰڧྗͳϓϩάϥϛϯάڥ ʮ1SPDFTTJOHʯΛ༻͍ͨใࢹ֮Խٕज़ ʹ͍ͭͯͷղઆॻɻ w ਤใɾ֊ϑΝΠϧγεςϜɾϦετɾ άϥϑߏɾ࣌ܥྻσʔλͳͲɺ͞·͟· ͳσʔλͷऩूɾղੳख๏͔Βରతͳࢹ ֮Խख๏ɾϓϩάϥϛϯάςΫχοΫ·Ͱ Λ๛ͳ࣮ྫΛ༻͍ͯৄ͘͠ղઆ͍ͯ͠Δɻ
ʢग़൛ݩαΠτΑΓʣ Visualizing Data http://datajournalismhandbook.org/
w ϩϯυϯͰ։͔Εͨ.P['FTUͰͷ ࣌ؒϫʔΫγϣοϓͷूେ w ##$ɺγΧΰτϦϏϡʔϯɺΨʔσΟΞϯɺ ϑΟφϯγϟϧλΠϜζɺχϡʔϤʔΫλΠ ϜζɺϫγϯτϯϙετɺςΩαετϦϏϡʔ ϯͳͲ͕ࢀՃɻ w σʔλɾδϟʔφϦζϜͷࣝڞ༗࣮ྫूɻ
The Data Journalism Handbook http://datajournalismhandbook.org/
྆ϝιουͷൺֱ
σʔλΛݟ͚ͭΔ σʔλΛ ΫϦʔχϯά σʔλΛ ϚΠχϯά w σʔλϓϩόΠμ ͔Β w ֎Εͷআڈ
w ѻ͏ൣғΛܾΊΔ w ੳ͢Δ w ଟ࣍ݩͳσʔλͷ߹ ࣍ݩ͝ͱʹղͯ͠ΈΔ w ఆੑใΛఆྔԽͯ͠Έ Δ w ઈରΛ૬ରʹͯ͠Έ Δ ৭Μͳ͔֯Β σʔλΛݟͯΈΔ w ౷Ұ exploring Data
σʔληοτ Πϕϯτ σΟεϓϨΠ w ࠲ඪܥ w දࣔϝιου w ιʔτ w
ϑΟϧλ w σʔλͱཁૉͷ ݁ͼ͖ͭͷߋ৽ w τϥϯδγϣϯ w σʔλͷਖ਼نԽ w ಡΈࠐΈྃ w λΠϚʔ w 6*ૢ࡞ exploring Visualization
ೖྗ ग़ྗ ਖ਼نԽ ʙ σʔληοτ ʹؚ·ΕΔݩͷ දࣔྖҬΛߟྀͨ͠ OPSN 1 EPNBJO
% MFSQ 1 SBOHF % NBQ 1 normalization σʔλͷਖ਼نԽ
BOJNBUJPOͷຊ࣭USBOTJUJPO ͋ΔଐੑͷΛҰఆͷ࣌ؒͰมԽͤ͞Δ͜ͱɻ w ϢʔβʔʹมԽΛݟࣦΘͤͳ͍ɻ w ޒײʹૌ͔͚͑Δɻ ɹଐੑʹ࠲ඪɺେ͖͞ɺ৭ɺಁ໌ʜ ϙΠϯτ transition -
easing τϥϯδγϣϯ
http://easings.net/ja