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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
データ・ビジュアライズのポイント
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
360
世界の行政機関 情報可視化 事例
n1n9
0
2.4k
コロナ禍におけるデータ可視化
n1n9
2
250
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
820
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
330
データビジュアライゼーション講習のご案内
n1n9
0
450
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
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.4k
「見せる」登壇資料デザインの極意
takanorip
5
1.3k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.7k
Decksh keywords
ajstarks
0
110
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
510
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
190
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
340
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
開閉UIのアニメーション設計
hiro0218
2
880
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.5k
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.5k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
270
Featured
See All Featured
Everyday Curiosity
cassininazir
0
260
New Earth Scene 8
popppiees
3
2.4k
The SEO identity crisis: Don't let AI make you average
varn
0
520
Optimizing for Happiness
mojombo
378
71k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
240
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Making Projects Easy
brettharned
120
6.7k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
780
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
The Cost Of JavaScript in 2023
addyosmani
55
10k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
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