情報の可視化

2024年7月更新

Transcript

1. by Naoki Kato ©Naoki Kato ©Naoki Kato ৘ใͷՄࢹԽ Computer Science, Engineering and Literacy
2. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใͷՄࢹԽͱ͸ ৘ใͷՄࢹԽ
3. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใͷՄࢹԽͱ͸ ৘ใͷՄࢹԽͱ͸ ಄ͷதʹ͋Δͳʹ͔ 情報 දݱϝσΟΞ ৘ใϝσΟΞ ఻ΘΔΑ͏ʹ 情報デザイン
4. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใͷՄࢹԽͱ͸ ৘ใͷՄࢹԽͱ͸ 情報 දݱϝσΟΞ ৘ใϝσΟΞ ఻ΘΔΑ͏ʹ 情報デザイン 情報
5. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใͷՄࢹԽͱσʔλϚΠχϯά ৘ใͷՄࢹԽͱ͸ ৘ใͷ෼ੳ ৘ใͷՄࢹԽ ৘ใͷ఻ୡ ৘ใͷϞσϧԽ σʔλϚΠχϯά
6. by Naoki Kato © Naoki Kato © Naoki Kato ߴ౓ͳՄࢹԽ ৘ใͷՄࢹԽ
7. by Naoki Kato © Naoki Kato © Naoki Kato 7JTVBMJ[BUJPOͷछྨ 4DJFOUJGJD
   7JTVBMJ[BUJPO ઐ໳Ո͕ɼՊֶతͳղ໌ʹར༻ ෺ཧݱ৅ͷଌఆ݁Ռ΍γϛϡϨʔγϣϯσʔλΛՄࢹԽ *OGPSNBUJPO
   7JTVBMJ[BUJPOʢ৘ใࢹ֮Խʣ Ұൠͷਓ͕ɼ৘ใͷݕࡧ΍ؔ࿈ͷൃݟʹར༻ ৘ใΛΘ͔Γ΍͘͢៉ྷʹՄࢹԽ ߴ౓ͳՄࢹԽʢࢹ֮Խʣ
8. by Naoki Kato © Naoki Kato © Naoki Kato 4DJFOUJGJD
   7JTVBMJ[BUJPO ߴ౓ͳՄࢹԽʢࢹ֮Խʣ ⼤気の流れの可視化 MRIからの脳の可視化 数理モデルの視覚化 （シミュレーション） 物理モデル
9. by Naoki Kato © Naoki Kato © Naoki Kato *OGPSNBUJPO
   7JTVBMJ[BUJPOɿ৘ใࢹ֮Խ ߴ౓ͳՄࢹԽʢࢹ֮Խʣ ϚΠϛΫͷͭͳ͕Γ ੈքͷਓޱ Draw by http://www.hivegroup.com/gallery/worldpop/ NJYJ (SBQI
   Ͱ࡞੒
10. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใࢹ֮Խͷ༷ʑͳख๏ ߴ౓ͳՄࢹԽʢࢹ֮Խʣ ࠨਤɿ-BNQJOH
    +PIO
    3BP
    3BNBOB 1JSPMMJ
    1FUFS   "
    GPDVT DPOUFYU UFDIOJRVF
    CBTFE
    PO
    IZQFSCPMJD
    HFPNFUSZ
    GPS
    WJTVBMJ[JOH
    MBSHF
    IJFSBSDIJFT
    1SPDFFEJOHT
    PG
    UIF
    "$.
    $POGFSFODF
    PO
    )VNBO
    'BDUPST
    JO
    $PNQVUJOH
    4ZTUFNT
    $)*
     
    QQ r ӈਤɿฏࣇ
    ༞थɼࢁຊ
    େհɼߴڮ
    ௚ٱɿަ௨ػؔͷΞΫηεϙΠϯτΛߟྀͨ͠'PDVT (MVF $POUFYUϚοϓγεςϜͷ࣮ݱɼ%&*.
     Hyperbolic Tree 遠くの情報は⼩さく 必要なところだけ拡⼤ Fisheye View
11. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใࢹ֮Խͷ༷ʑͳख๏ ߴ౓ͳՄࢹԽʢࢹ֮Խʣ )
    4IJP[BXB BOE
    :
    .BUTVTIJUB
    888
    WJTVBMJ[BUJPO
    HJWJOH
    NFBOJOHT
    UP
    JOUFSBDUJWF
    NBOJQVMBUJPOT
    )$*
    *OUFSOBUJPOBM
    
    "VH
     納⾖ビュー 関連情報を容易に引出 （フィルタリング）
12. by Naoki Kato © Naoki Kato © Naoki Kato ৘ใࢹ֮Խͷ༷ʑͳख๏ ߴ౓ͳՄࢹԽʢࢹ֮Խʣ ಈըɿIUUQTXXXZPVUVCFDPNXBUDI WF,QD"T.
13. by Naoki Kato © Naoki Kato © Naoki Kato ΑΓҰൠతͳ৘ใࢹ֮Խͷํ๏ ৘ใͷՄࢹԽ
14. by Naoki Kato © Naoki Kato © Naoki Kato ΑΓҰൠతͳ৘ใࢹ֮Խͷํ๏ ৘ใࢹ֮Խͷํ๏ 情報 දݱϝσΟΞ 情報 ਤղ άϥϑ
15. by Naoki Kato © Naoki Kato © Naoki Kato ਤղ΍άϥϑͰදݱ͍ͨ͜͠ͱ ৘ใͷؔ܎ ࿦ཧͷՄࢹԽ ྨࣅੑɾ૬ҧੑ ʢҧ͏͜ͱʣ ॱং ʢ૬ରతʹҧ͏͜ͱʣ ׂ߹ ʢఆྔతʹҧ͏͜ͱʣ ਤͷه߸ֶʢδϟοΫɾϕϧλϯʣ ৘ใࢹ֮Խͷํ๏
16. by Naoki Kato © Naoki Kato © Naoki Kato ਤղͰදݱ͍ͨ͜͠ͱ ࿦ཧͷՄࢹԽ ྨࣅੑɾ૬ҧੑ ʢҧ͏͜ͱʣ ॱং ʢ૬ରతʹҧ͏͜ͱʣ ׂ߹ ʢఆྔతʹҧ͏͜ͱʣ ਤͷه߸ֶʢδϟοΫɾϕϧλϯʣ ΑΓ۩ମతʹ͸ ྻڍʢಠཱʣ ྲྀΕʢखॱɼਪҠɼҼՌʣ ૬ҧɾରཱ ަࠩʢڞ༗ʣ ઀ଓʢؔ࿈ɼ֊૚ʣ ਤղͷํ๏
17. by Naoki Kato © Naoki Kato © Naoki Kato ਤղͷํ๏ ৘ใͷՄࢹԽ
18. by Naoki Kato © Naoki Kato © Naoki Kato ਤղͰදݱ͢Δͱ͖ͷ؍఺ ࿦ཧͷՄࢹԽ ྨࣅੑɾ૬ҧੑ ʢҧ͏͜ͱʣ ॱং ʢ૬ରతʹҧ͏͜ͱʣ ׂ߹ ʢఆྔతʹҧ͏͜ͱʣ ਤͷه߸ֶʢδϟοΫɾϕϧλϯʣ ΑΓ۩ମతʹ͸ ྻڍʢಠཱʣ ྲྀΕʢखॱɼਪҠɼҼՌʣ ૬ҧɾରཱ ަࠩʢڞ༗ʣ ઀ଓʢؔ࿈ɼ֊૚ʣ ਤղͷํ๏ 五つの帽子がけ Location（場所） Alphabet（アルファベット）→50音順等 Time（時間） Category（カテゴリ） Hierarchy（階層・連続量）
19. by Naoki Kato © Naoki Kato © Naoki Kato ਤղͷϙΠϯτ Ұൠతͳϧʔϧʢදݱख๏ʣΛ༻͍Δ ਤղͷํ๏ ਤղ σβΠϯ
20. by Naoki Kato © Naoki Kato © Naoki Kato ܗʹΑΔදݱ ࢹ֮ه߸ͷҧ͍Λදݱ ਤղͷํ๏ 堅いイメージ やわらかいイメージ
21. by Naoki Kato © Naoki Kato © Naoki Kato ࢹ֮ه߸ͷྻڍ ฒྻܕՕ৚ॻ͖ͷਤࣜԽ ਤղͷํ๏ A B C 単純列挙 グルーピング列挙 A B C あ D E F い
22. by Naoki Kato © Naoki Kato © Naoki Kato ࢹ֮ه߸ؒ΁ͷย໼ҹͷૠೖ ྲྀΕΛදݱ ࣌ؒతਪҠɼखॱɼҼՌؔ܎Λදݱ ਤղͷํ๏ 突き抜けさせると 時間的推移をイメージ 要素⾃体を⽮印型にする⽅法もある
23. by Naoki Kato © Naoki Kato © Naoki Kato ྆໼ҹͷར༻ ૬ҧɾରཱؔ܎Λදݱ ࢹ֮ه߸ͷަࠩ ڞ௨෦෼Λ࣋ͭ͜ͱΛදݱ ਤղͷํ๏
24. by Naoki Kato © Naoki Kato © Naoki Kato ࢹ֮ه߸ͷ઀ଓ ؔ࿈ੑʢ໦ߏ଄ɼ֊૚ʣΛදݱ ઀৮ʢಛʹॎํ޲ͷੵΈ্͛ʣ͸֊૚Λදݱ ਤղͷํ๏ ピラミッドは特に上下関係のある 階層を表現
25. by Naoki Kato © Naoki Kato © Naoki Kato ഑ஔʹΑΔޮՌ ൃࢄͱऩଋ ਤղͷํ๏ 中⼼から外へ 外から中⼼へ 視線は右に流れるので 円を⾒つけると中⼼を気にするので
26. by Naoki Kato © Naoki Kato © Naoki Kato ໦ߏ଄σʔλͷՄࢹԽ ਤղͷํ๏ 昆⾍の分類（第4回）より http://www.tamagawa.ac.jp/gakubu/noug aku/agronomy/biology/matsuka/web_stud y/biology_m/04lineage/index.htm 気象庁 組織図より http://www.jma.go.jp/jma/kishou /intro/gyomu/index3.html
27. by Naoki Kato © Naoki Kato © Naoki Kato ωοτϫʔΫߏ଄σʔλͷՄࢹԽ ਤղͷํ๏ 東京メトロネットワーク 路線図 知識ネットワーク 授業を認知⼼理学する より http://www.pat.hi-ho.ne.jp/nobu- nisi/atarasii/ninti.htm
28. by Naoki Kato © Naoki Kato © Naoki Kato ࣌ܥྻσʔλͷՄࢹԽ ਤղͷํ๏ 株価 株価ブラウザ明⽇⾹ より http://homepage3.nifty.com/tolkien/asuka/ ライフログ MarkeZineニュース より http://markezine.jp/article/detail/5365 これは図解というよりグラフ
29. by Naoki Kato © Naoki Kato © Naoki Kato άϥϑʹΑΔ ྔతσʔλͷՄࢹԽ ৘ใͷՄࢹԽ
30. by Naoki Kato © Naoki Kato © Naoki Kato άϥϑͰදݱ͍ͨ͜͠ͱ ࿦ཧͷՄࢹԽ ྨࣅੑɾ૬ҧੑ ʢҧ͏͜ͱʣ ॱং ʢ૬ରతʹҧ͏͜ͱʣ ׂ߹ ʢఆྔతʹҧ͏͜ͱʣ ਤͷه߸ֶʢδϟοΫɾϕϧλϯʣ σʔλ͕਺஋ʢྔతσʔλʣͷ৔߹ ਺ྔ ਺ྔͷมԽ ൺ཰ ൺ཰ͷมԽ ؔ܎ ܏޲ άϥϑʹΑΔྔతσʔλͷՄࢹԽ
31. by Naoki Kato © Naoki Kato © Naoki Kato ྔతσʔλͱ࣭తσʔλ ྔతσʔλɿ਺ྔͱͯ͠ҙຯΛ΋ͪ ՃࢉɼݮࢉͳͲͷԋࢉ͕Մೳ ִؒई౓ɿ਺஋ͷࠩʹҙຯ͕͋Δ ࣌ࠁɼԹ౓ɼ೥ྸ ͳͲ ൺྫई౓ɿִؒई౓ʴ̌ʹҙຯ͕͋Δ ࣌ؒɼڑ཭ɼ଎౓ ͳͲ ࣭తσʔλɿ ໊ٛई౓ ݂ӷܕɼੑผͳͲ ॱংई౓ ॱҐɼֶ೥ͳͲ άϥϑʹΑΔྔతσʔλͷՄࢹԽ
32. by Naoki Kato © Naoki Kato © Naoki Kato ྔతσʔλͷ෼෍ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 0 2 4 6 8 10 12 14 ώετάϥϜʢ౓਺෼෍ʣ ֊ڃʢ౳෯ʣ͝ͱͷσʔλ਺ ಛผͳ෼෍ɿਖ਼ن෼෍ ฏۉ ̎ºඪ४ภࠩ ʢ㲋෼ࢄʣ ໿ͷσʔλ
33. by Naoki Kato © Naoki Kato © Naoki Kato ྔతσʔλͷ෼෍ͱ୅ද஋ άϥϑʹΑΔྔతσʔλͷՄࢹԽ ശͻ͛ਤ தԝ஋ ฏۉ஋ ্Ґͷσʔλ ্Ґʙͷσʔλ ԼҐʙͷσʔλ ԼҐͷσʔλ
34. by Naoki Kato © Naoki Kato © Naoki Kato άϥϑͷ࢖͍ํ
35. by Naoki Kato © Naoki Kato © Naoki Kato ๮άϥϑ ਺ྔͷൺֱΛ͢Δͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 0.0 10.0 20.0 30.0 40.0 50.0 60.0 70.0 80.0 90.0 100.0 クラス別平均点（標準偏差） A B
36. by Naoki Kato © Naoki Kato © Naoki Kato ശͻ͛ਤ ਺ྔͷ෼෍ͷൺֱΛ͢Δͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ クラス A B 0 10 20 30 40 50 60 70 80 90 100 クラス別点数（箱ひげ図）
37. by Naoki Kato © Naoki Kato © Naoki Kato ંΕઢάϥϑ ਺ྔͷมԽʢਪҠʣΛද͢ͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 0 10 20 30 40 50 60 70 6 7 8 9 10 11 12 13 14 15 16 17 体 重 ︵ kg) 年齢（歳） 体重の推移 男⼦ ⼥⼦
38. by Naoki Kato © Naoki Kato © Naoki Kato ԁάϥϑ ߲໨ͷൺ཰Λද͢ͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 22% 33% 45% 脂質の摂取状況 適正⽐率より摂取の少ない⼈ 適正⽐率の⼈ 適正⽐率より摂取の多い⼈
39. by Naoki Kato © Naoki Kato © Naoki Kato ˋੵΈ্͛ଳάϥϑ ߲໨͝ͱͷൺ཰Λൺֱ͢Δͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 45% 52% 33% 27% 22% 21% 0% 20% 40% 60% 80% 100% 1〜17才 17才以上 年齢層別の脂質摂取状況 適正⽐率より摂取の多い⼈ 適正⽐率の⼈ 適正⽐率より摂取の少ない⼈
40. by Naoki Kato © Naoki Kato © Naoki Kato ࢄ෍ਤ ೋͭͷ߲໨ͷؔ܎Λද͢ͱ͖ʹ༻͍Δ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 0 20 40 60 80 100 0 20 40 60 80 100 12月の点数 4月の点数 4月と12月の点数の関係 use nouse
41. by Naoki Kato © Naoki Kato © Naoki Kato ࢄ෍ਤ ࣠ͷ஋ΛมԽͤ͞Δͱɾɾɾ άϥϑʹΑΔྔతσʔλͷՄࢹԽ -30 -20 -10 0 10 20 30 40 0 20 40 60 80 100 点数の変化 4月の点数 4月の点数と4月から12月の点数の変化の関係 use nouse
42. by Naoki Kato © Naoki Kato © Naoki Kato ώετάϥϜʢ౓਺෼෍ʣ σʔλͷ܏޲Λ͔ͭΉͨΊʹར༻ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 棒の間に隙間を作らない （棒グラフではない）
43. by Naoki Kato © Naoki Kato © Naoki Kato ώετάϥϜʢ౓਺෼෍ʣ ֊ڃ෯Λม͑Δͱɾɾɾ άϥϑʹΑΔྔతσʔλͷՄࢹԽ 階級幅が狭すぎても，広すぎても，傾向がわかりにくくなる
44. by Naoki Kato © Naoki Kato © Naoki Kato ഑৭ ࢹ֮ه߸ͷ۠ผΛ৭Ͱߦ͏ ݟқ͞Λߟྀ ৭֮ಛੑɼനࠇҹ࡮΁ͷ഑ྀ ৭૬Ͱ۠ผ͠ͳ͍ ໌౓΍࠼౓ͷར༻ ໛༷ͷར༻ άϥϑʹΑΔྔతσʔλͷՄࢹԽ
45. by Naoki Kato © Naoki Kato © Naoki Kato ԋश ৘ใͷՄࢹԽ
46. by Naoki Kato © Naoki Kato © Naoki Kato ͓͠·͍ ৘ใͷՄࢹԽ