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
January 13, 2017
Research
0
560
触れる可視化 〜データビジュアライゼーションとは何か〜
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
200
世界の行政機関 情報可視化 事例
n1n9
0
2k
コロナ禍におけるデータ可視化
n1n9
2
160
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
650
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.7k
Open Data Day logo generator
n1n9
0
170
データビジュアライゼーション講習のご案内
n1n9
0
250
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.1k
Other Decks in Research
See All in Research
ミニ四駆AI用制御装置の事例紹介
aks3g
0
160
文書画像のデータ化における VLM活用 / Use of VLM in document image data conversion
sansan_randd
2
120
Weekly AI Agents News! 7月号 プロダクト/ニュースのアーカイブ
masatoto
0
150
Weekly AI Agents News! 7月号 論文のアーカイブ
masatoto
1
210
MIRU2024チュートリアル「様々なセンサやモダリティを用いたシーン状態推定」
miso2024
3
2.1k
Weekly AI Agents News! 9月号 プロダクト/ニュースのアーカイブ
masatoto
2
120
Weekly AI Agents News!
masatoto
24
23k
秘伝:脆弱性診断をうまく活用してセキュリティを確保するには
okdt
PRO
3
730
機械学習でヒトの行動を変える
hiromu1996
1
250
文献紹介:A Multidimensional Framework for Evaluating Lexical Semantic Change with Social Science Applications
a1da4
1
220
出生抑制策と少子化
morimasao16
0
430
最近のVisual Odometryと Depth Estimation
sgk
1
260
Featured
See All Featured
Faster Mobile Websites
deanohume
304
30k
Making Projects Easy
brettharned
115
5.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Fireside Chat
paigeccino
32
3k
For a Future-Friendly Web
brad_frost
175
9.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Raft: Consensus for Rubyists
vanstee
136
6.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
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