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
230
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
760
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
300
データビジュアライゼーション講習のご案内
n1n9
0
310
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
ドルちゃん
design_dolphins
0
580
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.4k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
170
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3.3k
2026年の勢い / Momentum for 2026
bebe
0
390
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.6k
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
550
TWCP#21 UXデザインと哲学のはなし
shinn
0
310
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.8k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
120
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
270
Vibe Coding デザインシステム
poteboy
3
1.7k
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
86
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
350
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
150
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
980
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Typedesign – Prime Four
hannesfritz
42
3k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
110
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