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
Yuichi Yazaki
March 08, 2014
Design
0
220
データ・ビジュアライズのポイント
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
150
世界の行政機関 情報可視化 事例
n1n9
0
1.9k
コロナ禍におけるデータ可視化
n1n9
2
150
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
600
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.6k
Open Data Day logo generator
n1n9
0
150
データビジュアライゼーション講習のご案内
n1n9
0
240
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
950
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1k
Other Decks in Design
See All in Design
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
採用広報大会議登壇スライド
teamlab
PRO
2
260
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
170
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
300
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
710
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Jeremy's First Day
myates3
1
130
PRDがデザインプロセスを高速化した話
tooomo
1
260
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
180
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
Building Adaptive Systems
keathley
30
1.8k
Web development in the modern age
philhawksworth
202
10k
A designer walks into a library…
pauljervisheath
199
23k
Docker and Python
trallard
33
2.7k
Six Lessons from altMBA
skipperchong
20
3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
15
2.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
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