$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
触れる可視化 〜データビジュアライゼーションとは何か〜
Search
Yuichi Yazaki
January 13, 2017
Research
0
610
触れる可視化 〜データビジュアライゼーションとは何か〜
2017年1月13日に立川市役所で開催された『第16回Flat Placeたまにわ 「触れる可視化〜データビジュアライゼーションとは何か〜』にて使用したスライドです。
Yuichi Yazaki
January 13, 2017
Tweet
Share
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
270
世界の行政機関 情報可視化 事例
n1n9
0
2.3k
コロナ禍におけるデータ可視化
n1n9
2
210
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
740
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.9k
Open Data Day logo generator
n1n9
0
260
データビジュアライゼーション講習のご案内
n1n9
0
290
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.2k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.2k
Other Decks in Research
See All in Research
説明可能な機械学習と数理最適化
kelicht
2
670
製造業主導型経済からサービス経済化における中間層形成メカニズムのパラダイムシフト
yamotty
0
240
財務諸表監査のための逐次検定
masakat0
0
210
ドメイン知識がない領域での自然言語処理の始め方
hargon24
1
210
教師あり学習と強化学習で作る 最強の数学特化LLM
analokmaus
2
710
AlphaEarth Foundations: An embedding field model for accurate and efficient global mapping from sparse label data
satai
3
520
学習型データ構造:機械学習を内包する新しいデータ構造の設計と解析
matsui_528
4
1.9k
EarthDial: Turning Multi-sensory Earth Observations to Interactive Dialogues
satai
3
400
Remote sensing × Multi-modal meta survey
satai
4
630
超高速データサイエンス
matsui_528
1
300
国際論文を出そう!ICRA / IROS / RA-L への論文投稿の心構えとノウハウ / RSJ2025 Luncheon Seminar
koide3
10
6.3k
When Learned Data Structures Meet Computer Vision
matsui_528
1
1.2k
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
RailsConf 2023
tenderlove
30
1.3k
The Cult of Friendly URLs
andyhume
79
6.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Code Reviewing Like a Champion
maltzj
527
40k
Faster Mobile Websites
deanohume
310
31k
Designing Experiences People Love
moore
143
24k
What's in a price? How to price your products and services
michaelherold
246
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Transcript
৮ΕΔՄࢹԽ ʙσʔλϏδϡΞϥΠθʔγϣϯͱԿ͔ʙ ࡚༟Ұ %BUB7JTVBMJ[BUJPO+BQBO$PEF'PS5PLZP/PUBUJPO--$ ୈճ'MBU1MBDFͨ·ʹΘฏ݄
ࣗݾհ ৬ۀɿσʔλɾϏδϡΞϥΠθʔγϣϯ࣮ՈʗΠϯ λʔϑΣΠεɾσβΠφʔʗ͓ͪΌίϯαϧλϯτ ίϛϡχςΟɿίʔυɾϑΥʔɾτΩϣදʗ σʔλɾϏδϡΞϥΠθʔγϣϯɾδϟύϯൃىਓ ৫ɿ߹ಉձࣾϊʔςʔγϣϯදࣾһʗࠃཱࠃձਤॻ ؗҕݚڀһʗ౦ژେֶۭؒใՊֶݚڀηϯλʔॴଐ IUUQOPUBUJPODPKQ ࡚༟Ұ
։࠵࣮ʹ͍ͭͯ ߨٛɾߨԋɿ੨ݝʗגࣜձཱࣾ࡞ॴʗਗ਼ਫݐઃ גࣜձࣾʗ૯ল౷ܭہʗઍ༿ݝྲྀࢁࢢʗཧใγ εςϜֶձʗσʔλΤΫενΣϯδίϯιʔγΞϜʗσ δλϧϋϦουʗ౦ւେֶʢεΫʔʹͯʣʗ౦ژେֶ $4*4د෦ʗࢁݝೆࢢʗຊܦࡁ৽ฉࣾʗ $PEF'PS+BQBOʗ'044()PLLBJEPʗ$PEF'PS4BHB ʗ)5.-+ʗ-0$"-(00%:0,0)"."ʗͳͲ ϫʔΫγϣοϓߨࢣɿγϒϠେֶʗֳʗถࠃେ ؗʗԣࢢܦࡁہʗ'044()PLLBJEPʗ.53-,:050
ʗͳͲ IUUQOPUBUJPODPKQMBOEJOH
σʔλϏδϡΞϥΠθʔγϣϯ ͱ
ʮσʔλʯ ʷ ʮϏδϡΞϥΠθʔγϣϯʯ ՄࢹԽ
ΠϯλʔωοτɾϒϥβͰ ૢ࡞Մೳͳ νϟʔτάϥϑɺਤ ݱࡏ
ૢ࡞ͯ͠ಈ͔ͤΔͱʮָ͍͠ʯ ͱ͍͏͜ͱ͚ͩͰͳ͘ʜ w ൺֱ͕Ͱ͖Δ w ΑΓࣗࣄʹͯ͠Β͏ w ଟ༷ͳϞϊͷݟํΛఏڙͰ͖Δ
ಈతͳදݱ͕Ͱ͖Δ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ FBSUI IUUQTFBSUIOVMMTDIPPMOFU
ରతͰ͋Δ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ ̩̥̥ڊେܦࡁݍͷ࣮ྗ IUUQTWEBUBOJLLFJDPNQSKUQQ
ఆੑσʔλΛఆྔతʹදݱͰ͖Δ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ ݪൃࣄނආऀͷ IUUQXXXOILPSKQOFXTGVLVTIJNBXPSEDMPVE
ΑΓৄࡉʹ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ #SFYJU Ψʔσ ΟΞϯࢴ IUUQTXXXUIFHVBSEJBODPNQPMJUJDTOHJOUFSBDUJWFKVOFVSFGFSFOEVNMJWFSFTVMUTBOEBOBMZTJT
৽͍͠୯Ґ ෳͷσʔλ͔Β࡞Δ৽͍͠ࢦඪ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ -FWFMJOHUIFpFMEʢΦϦϯϐοΫ֫ಘϝμϧʣ IUUQTMBOEJOHHPPHMFDPNBMUNFEBMUBCMF
ࢹΛม͑Δʢ၆ᛌͱݸผʣ ਿӜ߁ฏ͞Μ࡞ɹ࣌ؒ࣠มܗਤ σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ
None
දݱͷ෯Λ֦ு σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ ΦʔϓϯσʔλσΠɾϩΰδΣωϨʔλ IUUQTUSVDUVSFBOESFQSFTFOUBUJPODPNXPSLTPEE
දݱͷ෯Λ֦ு σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ ࠤլͷసೖసग़ IUUQTUSVDUVSFBOESFQSFTFOUBUJPODPNXPSLTQSFGFDUVSBM.JHSBOUTTBHB
දݱͷ෯Λ֦ு σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ ͘·Ϟϯ IUUQTXXXGBDFCPPLDPNQIPUPQIQ GCJETFUBUZQFUIFBUFS
w ಈతͳදݱ͕Ͱ͖Δ w ରతͰ͋Δ w ఆੑσʔλΛఆྔతʹදݱͰ͖Δ w ΑΓৄࡉʹ w ৽͍͠୯Ґ
w ࢹΛม͑Δʢ၆ᛌͱݸผʣ w දݱͷ෯Λ֦ு σʔλϏδϡΞϥΠθʔγϣϯͳΒͰͷಛ
औΓΈࣄྫͷ͝հ
ࠃཱࠃձਤॻؗʢ/%-ʣ /%-σʔλར׆༻ϫʔΫγϣοϓ ʙΣϒɾΞʔΧΠϒͷ࣏ࣗମαΠτΛՄࢹԽ͠Α͏ʙ ࠃཱࠃձਤॻؗॳͷσʔλՄࢹԽΠϕϯτ ׂɿاըɺ࣮ࢪαϙʔτɺϝϯλʔ ར༻πʔϧɿ$BSUPɺ3"8ɺ%KTɺ1SPDFTTJOH ར༻σʔλɿ8"31ʢΣϒΞʔΧΠϒʣ IUUQMBCOEMHPKQDNT RWJTVBMJ[F
/%-͕อ༗͢ΔެతػؔͷΣϒΞʔΧΠϒͷ͏ͪɺ ํ࣏ࣗମσʔλΛར༻ͯ͠ՄࢹԽ࡞Λͭͬͨ͘ɻ IUUQWJTVBMJ[JOHKQOEMEBUBWJ[
ࢦͨ͜͠ͱ w 8"31ͷσʔλར׆༻ʢՄࢹԽʣͷࣄྫ࡞Γ w ํ࣏ࣗମ͝ͱͷҙ֎ͳಛɺҙ֎ͳؔ ੑΛσʔλ͔Β୳͠ग़͍ͨ͠ w ϋοΧιϯܗࣜͰɺҰൠͷํୡͷҙࣝΛ ࣋ͪࠐΜͰΒ͏
None
ࢀՃऀͷ࡞ IUUQMBCOEMHPKQDNT RWJTVBMJ[F IUUQTDPEFJRKQNBHB[JOF
None
ࠓޙͷల։ w ҕୗݚڀһͱͯ͠ɺσʔλϏδϡΞϥΠθʔγϣ ϯͷࣄྫ࡞ΓʹऔΓΉ w 8"31ͷ͍࣋ͬͯΔඇߏԽσʔλ͔Βɺߏ ԽσʔλΛऔΓग़ͯ͠ఆৗతʹఏڙͰ͖Δ Α͏ͳΈ࡞ΓΛޙԡ͍ͯ͘͠͠
3&4"4 3&4"4ͷڭՊॻʗ3&4"4ΛͬͯҬͷ՝Λൃݟ͠Α͏ʂ ׂɿΠϕϯτͷاըɺ࣮ࢪɺϝϯλʔɺॻ੶ͷࣥචXJUI$PEF'PS5PLZP
3&4"4ͱ w ౷ܭσʔλΛຊਤ্ʹࣔ͠ɺૢ࡞Ͱ͖ΔΑ͏ʹ ͢Δ͜ͱͰɺ୭Ͱײతʹ༰ΛཧղͰ͖Δ͜ͱ ΛΊͨ͟͠ΣϒαΠτɻ w ֤ಓݝɾࢢ۠ொଜͱ͍ͬͨํ࣏ࣗମ͕3&4"4 Λͬͯɺσʔλʹج͍ͮͨࡦܾఆΛߦ͏͜ͱ͕ ٻΊΒΕ͍ͯΔʢֳʹʣɻ IUUQTSFTBTHPKQ
3&4"4ͷීٴଅਐͷͨΊɺຽؒஂମͱͯ͠ ॳΊֳͯͱڞ࠵ͰϫʔΫγϣοϓΛ։࠵ɻ ࢀՃਓɿ໊ ৬ۀɿΤϯδχΞɺσβΠφʔɺσʔλαΠΤ ϯςΟετɺ৬һ
ࢀՃऀͷϫʔΫʢதؒՌʣ
IUUQXXXBNB[PODPKQEQ ʮষݩͰϫʔΫγϣοϓΛ։͜͏ʯΛ$PEF'PS5PLZPͰ୲
IUUQXXXTMJEFTIBSFOFUTLJQEPHSFTBTD IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE 7Q@)1*Q/*YJ)IPJ;*MMT3TI$('L$:0Z6VCX0,&FEJUTMJEFJEQ ࢀՃऀͷ࡞
3&4"4ͷڭՊॻ IUUQXXXBNB[PODPKQEQ ষ3&4"4ͰൃݟͰ͖Δ͜ͱ ষ3&4"4Ϛοϓ૯ཡ ষ࣏ࣗମɾҬͷੳࣄྫू ষ&YDFMͰ؆୯ʹͰ͖Δ౷ܭղੳ ʜ͓ͨʹදऔకখ୩༞Ұ࿕ࢯ ষڭҭݱʹ͓͚Δ׆༻ͷ࣮ࡍ ʜۚେֶদӜٛতࢯ ষݩͰϫʔΫγϣοϓΛ։͜͏
ʜ$PEFGPS5PLZP࡚༟Ұӿຊਅඒ ষਐԽΛଓ͚Δ3&4"4 ষ׆༻ΛՃ͢ΔΦʔϓϯσʔλू
w ѻ͍ͬͯΔσʔλΛͬͯʮώτɾϞϊɾΧωʯΛɹ ࠷େԽ͠Α͏ʂͱ͍͏ํੑ w ͢ͰʹҬʹ͋ΔಛಛੑɾࢿݯΛɺΑΓࡉ͔͘Ѳ͠ɺࢪࡦΛ࣮ߦ͢Δ 3&4"4ͷڭՊॻ 3&4"4ʹ͋Δσʔλͷ IUUQCZMJOFTOFXTZBIPPDPKQZB[BLJZVJDIJ
IUUQQFBUJYDPNFWFOU ʮ3&4"4ͷڭՊॻʯൃചه೦Πϕϯτ
ࠓޙͷల։ w ํٞһ3&4"4ϫʔΫγϣοϓɾϫʔΫ γϣοϓΛ։࠵༧ఆʢϢʔεσϞΫϥγʔͱ࿈ܞʣ w ํߦஂମϫʔΫγϣοϓߨٛͷ࣮ࢪ༧ఆ
$PEFGPS5PLZP ίʔυɾϑΥʔɾτΩϣ IUUQDPEFGPSUPLZP
$PEF'PS5PLZPͱ w ౦ژʹ͓͍ͯɺγϏοΫɾςοΫ׆ಈΛ͢Δஂମ w ઃཱ͔Β w l$PEF'PSʜzͱͭ͘ஂମશࠃͰҎ্
ࣗॿ ڞॿ W ʮߦͱॅຽɺσβΠφʔϓϩάϥϚʔɺσʔλੳՈͳͲ͕࿈ܞ ͯ͠ɺߦαʔϏεʹྨ͢ΔαʔϏεΛɺ*5ٕज़ΦʔϓϯσʔλΛ׆ ༻࣮ͯ͠ݱ͢ΔίϛϡχςΟ׆ಈΛࢦ͢ʯ ެॿ
$PEF'PS5PLZPͱ ʮख࡞Γͷ෮ݖʯ ʮࣾձ՝ͷՄࢹԽʯʢՄࢹԽͱղܾΛʣ ࣗͰ΄͍͠ͷΛࣗͰͭ͘Δɻ͢ΔͱԿ͔ʹৄ͘͠ͳΔɻ ਓʹԿ͔Λͯ͋͛͠ΔଆʹͳΔɻ৯ࣄͰ͓ͪΌͰެڞαʔ ϏεͰಉ͡Α͏ʹߟ͑ͯΈΔɻ ղܾʹ͍ͭͯɺͦΕͧΕͷܦݧݟɺઐੑʹͱ͍ͮͯɺ ୭͕ߟ͑ͯΑ͍ͷͩͱࢥ͍·͢ɻ
$PEF'PS5PLZPͦͷଞͷऔΓΈ w ۠ͱདྷʹࣄۀͭʢاը෦ใਪਐ՝ʗ Ҭৼڵ෦Ҭ׆ಈ՝ʣ w ౦ژͷ֤෦ہͱͷ࿈ܞʢใ௨৴ࢪࡦਪਐʗੜ׆ จԽہଟจԽڞʗ੨গɾ࣏҆ରࡦຊ෦҆શ҆৺ ·ͪͮ͘Γʣ w ౦ژͱϘετϯͰ࿈ܞͨ͠/"4"ϋοΧιϯࣄہ
w ˌ;Δ͞ͱೲίʔυ
/%-σʔλར׆༻ϫʔΫγϣοϓ ʙΣϒɾΞʔΧΠϒͷ࣏ࣗମαΠτΛՄࢹԽ͠Α͏ʙ ਤσʔλ͔Βߟ͑ΔอҭԂ ׂɿσʔλऩूɺαΠτߏஙɺΠϕϯτ։࠵ ར༻πʔϧɿ&YDFMɺ+BWB4DSJQU ར༻σʔλɿอҭԂσʔλ IUUQDPEFGPSUPLZPDBUFHPSZIPJLVFONBQ
5PLZPอҭԂϚοϓЌ൛ http://hoikuenmap.codefor.tokyo/ IUUQIPJLVFONBQDPEFGPSUPLZP
IUUQTXXXGBDFCPPLDPNFWFOUT BDUJWF@UBCQPTUT σʔλ͔ΒอҭԂΛߟ͑Δ$JWJD)BDL/JHIU5PLZP
อҭ࢜ɺอҭॴɺػࣇಐɺอҭ ॴͷӡӦऀͱ͍͏ͦΕͧΕʹ͍ͭ ͯɺϚΫϩͳࢹ͔ΒͷσʔλΛ ֓؍ɻ IUUQTTQFBLFSEFDLDPNDPEFGPSUPLZPEFUBLBSBCBPZVZVBOXPLBPFSV ࢀՃऀͷҙݟײ IUUQTQBQFSESPQCPYDPNEPD$JWJD)BDL/JHIU(7HIW8D6)[;&)N+KV5
ࠓޙͷల։ w ߦ͕ख͕ճ͍ͬͯͳ͍͜ͱΛɺͭͷͰͳ͘ɺ ࣗͨͪͰ࡞ͬͯ͠·͏ w ͍ۙ͠ҙࣝΛ͍࣋ͬͯΔਓͨͪΛר͖ࠐΉ w σʔλඪ४Խ w ڞ௨ޠኮج൘ʗ*1"४ڌ
w ϢʔβʔΠϯλʔϑΣΠεͷચ࿅ w σʔλΛଟ࣍ݩʹΈ͍͚ͯΔΑ͏ʹ
:BIPPΈΜͳͷ࣏ ࣾձ՝ΞΠσΞιϯ ׂɿϫʔΫγϣοϓͷϝϯλʔͱ࡞੍࡞ʢͷΈʣ IUUQTFJKJZBIPPDPKQZPVUIJEFBUIPO
IUUQTFJKJZBIPPDPKQZPVUIJEFBUIPO
IUUQTFJKJZBIPPDPKQZPVUIJEFBUIPOUBOR
IUUQTFJKJZBIPPDPKQZPVUIJEFBUIPOUPZBNB
ਆށࢢʷόϧηϩφࢢͷσʔλՄࢹԽΠϕϯτ 8PSME%BUB7J[$IBMMFOHF ׂɿΠϕϯτࢀՃͱهࣄࣥච IUUQLPCFCBSDFMPOBOFU
IUUQLPCFCBSDFMPOBOFU
None
ന͍ϨΰݸͰਆށࢢΛ࠶ݱ
ਆށࢢͷ࣍ϝογϡ4/4σʔλΛϓϩδΣΫγϣϯ ҬϝογϡʜҢɾܦʹج͍ͮͯҬΛಉ͡େ͖͞ͷͷʢϝογϡʣʹ͚ͨͷ
3DϓϦϯλࢪઃ
ظ 300 →150 IUUQLFOQMBU[OJLLFJCQDPKQBSUJDMFJUDPMVNO
ࠓޙͷల։ w όϧηϩφࢢͱਆށࢢͷఏܞΛهࣄԽ͠·ͨ͠ɻ w εϚʔτγςΟͷऔΓΈΛຊͷͲ͔͜Ͱ࣮ફͰ ͖ͳ͍͔ɻ IUUQCZMJOFTOFXTZBIPPDPKQZB[BLJZVJDIJ
·ͱΊ
ͳͥඞཁ͔ʁ ˠΘΒͳ͚Εҙຯ͕ͳ͍ डಈత Ϣʔβʔͷঢ়ଶ ͍ͬͯΔ Βͳ͍ ΤϯλϝߴΊͳ ૌٻ తͳૌٻ తͳૌٻ
ৄ͍͠આ໌͕Մೳ ೳಈత Ϣ ồ β ồ ͷ ࣝ
डಈత Ϣʔβʔͷঢ়ଶ ͍ͬͯΔ Βͳ͍ ΤϯλϝߴΊͳ ૌٻ తͳૌٻ తͳૌٻ ৄ͍͠આ໌͕Մೳ ೳಈత
Ϣ ồ β ồ ͷ ࣝ ͳͥඞཁ͔ʁ ˠΘΒͳ͚Εҙຯ͕ͳ͍
ৄ͍͠આ໌ తͳઆ໌ w ࣌ؒແ੍ݶͰ w จࣈͩΒ͚ͷࢿྉेϖʔ δͰ w ඵͰઆ໌PSɹɹɹɹ Ͱઆ໌
w ظهԱʹΔ ͳͥඞཁ͔ʁ ˠΘΒͳ͚Εҙຯ͕ͳ͍ ˠநԽ
σʔλˠใˠࣝˠӳ w ظهԱʹΔ w Φʔϓϯσʔλ w ηϯαʔσʔλ w ৗࣝʹͳΔ w
ظهԱʹΔ w ʮෲམͪ͢Δʯ w ٞͷϕʔεͱ ͳΔ w நԽ w ՄࢹԽ σʔλϏδϡΞϥΠθʔγϣϯͷ ޮՌ w هԱʹΒͳ͍ w ૢ࡞Ͱ͖Δ
w ࢴʹ࠷దԽͨ͠ߦαʔϏεΛɺΣϒʹ࠷దԽ͠ ͨߦαʔϏε w ʮΦʔϓϯσʔλͷ׆༻ʯྑ͍ํศ w ʮํެڞஂମʹ͓͚Δ౷ܭར׆༻දজʯ IUUQXXXTPVNVHPKQNFOV@OFXTTOFXTUPVLFJ@IUNM ͬͱߦʹσʔλ׆༻Λʜʂ
IUUQOPUBUJPODPKQ IUUQTUSVDUVSFBOESFQSFTFOUBUJPODPN IUUQCZMJOFTOFXTZBIPPDPKQZB[BLJZVJDIJ