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
230
0
Share
データ・ビジュアライズのポイント
Open DATA METI ヴィジュアライズソンで発表した資料です。
http://peatix.com/event/29698
Yuichi Yazaki
March 08, 2014
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
340
世界の行政機関 情報可視化 事例
n1n9
0
2.3k
コロナ禍におけるデータ可視化
n1n9
2
240
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
790
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
330
データビジュアライゼーション講習のご案内
n1n9
0
390
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.2k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.3k
Other Decks in Design
See All in Design
Drawing for Animation
lynteo
2
300
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
300
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
830
CULTURE DECK/Creative Director
mhand01
0
1.2k
hicard_credential_202601
hicard
0
240
TUNAG BOOK 2024
stmn
PRO
0
1.5k
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
840
AI時代に求められるUXデザインのアプローチ
xtone
1
4.3k
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
250
Spacemarket Brand Guide
spacemarket
2
740
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
390
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.5k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
163
24k
The Pragmatic Product Professional
lauravandoore
37
7.3k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
550
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
820
Why Our Code Smells
bkeepers
PRO
340
58k
Bash Introduction
62gerente
615
210k
Paper Plane (Part 1)
katiecoart
PRO
0
7.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.5k
Design in an AI World
tapps
1
220
Thoughts on Productivity
jonyablonski
76
5.2k
How GitHub (no longer) Works
holman
316
150k
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