Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
SREのためのテレメトリー技術の探究 / Telemetry for SRE
yuukit
12
2.3k
Satellites Reveal Mobility: A Commuting Origin-destination Flow Generator for Global Cities
satai
3
170
教師あり学習と強化学習で作る 最強の数学特化LLM
analokmaus
2
650
POI: Proof of Identity
katsyoshi
0
110
財務諸表監査のための逐次検定
masakat0
0
200
Minimax and Bayes Optimal Best-arm Identification: Adaptive Experimental Design for Treatment Choice
masakat0
0
200
20250725-bet-ai-day
cipepser
3
540
Stealing LUKS Keys via TPM and UUID Spoofing in 10 Minutes - BSides 2025
anykeyshik
0
170
不確実性下における目的と手段の統合的探索に向けた連続腕バンディットの応用 / iot70_gp_rff_mab
monochromegane
2
250
さまざまなAgent FrameworkとAIエージェントの評価
ymd65536
1
330
Time to Cash: The Full Stack Breakdown of Modern ATM Attacks
ratatata
0
170
一人称視点映像解析の最先端(MIRU2025 チュートリアル)
takumayagi
6
4.3k
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
Building an army of robots
kneath
306
46k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
69k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
How GitHub (no longer) Works
holman
316
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
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