Processing.jsによるデータの可視化と生成的表現

Transcript

1. ৘ใฤू 8FC
   1SPDFTTJOHKTʹΑΔσʔλͷՄࢹԽͱੜ੒తදݱ ೥݄೔
   ౦ژ᥁ज़େֶ
   ܳज़৘ใηϯλʔ ".$
   ୲౰ɿాॴ३
2. ʮՄࢹԽ
   
   7JTVBMJ[BUJPO ʯͱ͸
3. ʮՄࢹԽ
   
   7JTVBMJ[BUJPO ʯͱ͸ ‣ ՄࢹԽ
   
   7JTVBMJ[BUJPO
   ‣ ਓ͕ؒ௚઀ʮݟΔʯ͜ͱͷͰ͖ͳ͍ݱ৅΍ࣄ৅ɺ͋Δ͍͸ؔ܎ੑΛɺʮݟΔʯ͜ͱͷ Ͱ͖Δ΋ͷʹ͢Δ͜ͱ
   ‣ ݟΔ͜ͱͷͰ͖Δ΋ͷ
   ˠ
   ը૾ɺө૾ɺάϥϑɺਤɺදͳͲ
   ‣ ࢹ֮Խҙ֎ͷํ๏
   ‣ ՄௌԽ
   
   ԻʹΑͬͯௌ͘͜ͱ͕Ͱ͖ΔΑ͏ʹ͢Δ
   ‣ Մ৮Խ
   
   ৮ΕΔ͜ͱʹΑͬͯදݱ͢Δ
4. ࢀߟॻɿʮϏδϡΞϥΠδϯάσʔλʯ ‣ ϏδϡΞϥΠδϯάɾσʔλ
   ʕ1SPDFTTJOHʹΑΔ৘ใࢹ֮Խख๏
   ‣ #FO
   'SZ
   ஶ
   ૿Ҫ
   ढ़೭
   ؂༁
   ؂म
   Ճ౻
   ܚ඙
   ຋༁
   
   ‣ ΦϥΠϦʔδϟύϯ
   
5. ৘ใͷࢹ֮Խͷεςοϓ ‣ #FO
   'MZʹΑΔɺ৘ใࢹ֮Խͷεςοϓ
   ‣ ʮϏδϡΞϥΠδϯάɾσʔλʯΑΓ
   ‣ σʔλऩू
   BDRVJSF
   ‣ ղੳ
   QBSTF
   ‣ ϑΟϧλϦϯά
   pMUFS
   ‣ ϚΠχϯά
   NJOF
   ‣ දݱ
   SFQPSFTFOU
   ‣ ਫ਼៛Խ
   SFpOF
   ‣ ΠϯλϥΫγϣϯ
   JOUFSBDU
   ‣ ͍ͭ΋ɺશͯͷεςοϓ͕ඞཁͱ͍͏Θ͚Ͱ͸ͳ͍
6. ৘ใͷࢹ֮Խͷεςοϓ ‣ σʔλऩू
   BDRVJSF
   ‣ σʔλΛऩू͢Δ
   ‣ σΟεΫ্ͷϑΝΠϧ
   ‣ ωοτϫʔΫ্ͷσʔλ
7. ৘ใͷࢹ֮Խͷεςοϓ ‣ ղੳ
   QBSTF
   ‣ σʔλͷҙຯΛ΋ͱʹߏ଄Λ෇Ճ͢Δ
   ‣ σʔλΛΧςΰϦʹ෼͚Δ
   ‣ σʔλͷݸʑͷ෦෼ͷܗ͕ࣜ໌֬ʹͳΔ
8. ৘ใͷࢹ֮Խͷεςοϓ ‣ ϑΟϧλϦϯά
   pMUFS
   ‣ ༻్ʹ͋Θͳ͍෦෼Λআڈ͢Δ
   ‣ σʔλͷதͰඞཁͱͳΒͳ͍ϨίʔυΛআڈ
   ‣ ਺ཧϞσϧΛ͋ͯ͸Ί
   ‣ ਖ਼نԽ
   ‣ ਺ֶతͳॲཧ
9. ৘ใͷࢹ֮Խͷεςοϓ ‣ ϚΠχϯά
   NJOF
   
   ਺ֶతͳॲཧʹΑͬͯɺύλʔϯΛΈ͚ͭͩ͢
   ‣ සग़ύλʔϯநग़
   
   ߴස౓Ͱൃੜ͢Δಛ௃తͳύλʔϯ
   ‣ ྫɿຊ̖Λങ͏ਓ͸ɺޙʹຊ̗Λങ͏͜ͱ͕ଟ͍
   ‣ Ϋϥε෼ྨ
   
   ༩͑ΒΕͨσʔλʹରԠ͢ΔΧςΰϦΛ༧ଌ
   ‣ ྫɿༀ඼ͷԽ߹෺ͷσʔλ͔ΒɼͦͷԽ߹෺ʹༀޮ͕͋Δɾͳ͍ͱ͍ͬͨΧςΰϦΛ༧ଌ
   ‣ ճؼ෼ੳ
   
   ༩͑ΒΕͨσʔλʹରԠ͢Δ࣮਺஋Λ༧ଌ
   ‣ ༵೔ɺ߱ਫ֬཰ɺࠓ೔ͷച্͛ͳͲͷσʔλΛݩʹ໌೔ͷച্͛ͱ͍͏࣮਺஋σʔλΛ༧ଌ
   ‣ ΫϥελϦϯά
   
   σʔλͷू߹ΛΫϥελͱݺͿάϧʔϓʹ෼͚Δ
   ‣ 8FCͷӾཡύλʔϯͷσʔλ͔Βɺྨࣅͨ͠΋ͷΛ·ͱΊΔ͜ͱͰɺӾཡͷ܏޲͕ಉ͡ར ༻ऀͷάϧʔϓΛൃݟ͢Δ
10. ৘ใͷࢹ֮Խͷεςοϓ ‣ දݱ
    SFQSFTFOU
    ‣ جຊతͳදࣔͷܗࣜɺࢹ֮ԽͷϞσϧΛܾఆ͢Δ
    ‣ ๮άϥϑ
    ‣ Ϧετ
    ‣ ໦ߏ଄
    FUD
11. ৘ใͷࢹ֮Խͷεςοϓ ‣ ਫ਼៛Խ
    SFpOF
    
    ‣ άϥϑΟοΫσβΠϯͷख๏Λ͔ͭͬͯදݱΛ͞Βʹ໌շʹ
    ‣ ΑΓັྗతͳදݱ΁
    ‣ ৭ɺܗ
    ‣ ಛఆͷσʔλʹ஫ҙΛҾ͖෇͚Δ޻෉
    ֊૚ͷಋೖ
12. ৘ใͷࢹ֮Խͷεςοϓ ‣ ΠϯλϥΫγϣϯ
    JOUFSBDU
    ‣ ର࿩తͳػೳΛ௥Ճ
    ‣ ϢʔβʹΑΔσʔλͷ୳ࡧ΍੍ޚ
    ‣ αϒηοτͷબ୒
    ‣ ࢹ఺ͷ੾Γସ͑
    ‣ ͜ͷतۀͰͷɺωοτϫʔΫͱͷ࿈ܞ
    5XJUUFS΍1BDIVCF ΋ΠϯλϥΫγϣϯͷҰ ؀ͱߟ͑ΒΕΔ
13. ৘ใͷࢹ֮Խͷεςοϓ ‣ σʔλऩू
    BDRVJSF
    ‣ ղੳ
    QBSTF
    ‣ ϑΟϧλϦϯά
    pMUFS
    ‣ ϚΠχϯά
    NJOF
    ‣ දݱ
    SFQPSFTFOU
    ‣ ਫ਼៛Խ
    SFpOF
    ‣ ΠϯλϥΫγϣϯ
    JOUFSBDU
14. ༷ʑͳՄࢹԽͷख๏ʹ৮ΕΔ ‣ 7JTVBM
    $PNQMFYJUZ
    
    Ҏ্ͷϓϩδΣΫτΛ঺հ
    ‣ http://www.visualcomplexity.com/vc/
15. 4JNJMBS
    %JWFSTJUZ ‣ 1IJMJQQ
    4UFJOXFCFS
    "OESFBT
    ,PMMFS
    ‣ ੈքେफڭͷ੟యΛ෼ੳ͠ɺफڭͱ৴ڼʹ͍ͭͯࢹ֮Խ͍ͯ͠Δ
    ‣ http://similardiversity.net/
16. 7JTVBMJ[JOH
    JOGPSNBUJPO
    qPX
    JO
    TDJFODF ‣ .PSJU[
    4UFGBOFS
    
    ‣ ࿦จͷҾ༻ͷωοτϫʔΫΛࢹ֮Խ
    ‣ http://well-formed.eigenfactor.org/
17. 0QUF
    1SPKFDU ‣ #BSSFUU
    -ZPO
    ‣ Πϯλʔωοτͷ஍ਤ
    ‣ http://www.opte.org/
18. 5IF
    3FNPUFTU
    QMBDF
    PO
    &BSUI ‣ +PJOU
    3FTFBSDI
    $FOUSF
    &VSPQFBO
    $PNNJTTJPO
    
    8PSME
    #BOL
    ‣ ʮ࠷΋ԕ͍৔ॴ͸Ͳ͔͜ ʯ
    ‣ ੈքͷओཁͷ౎ࢢ͔ΒҠಈʹ͔͔Δ࣌ؒ
    ‣ http://www.newscientist.com/gallery/small-world
19. TVCCMVF
    'SBDUBM
    -BC ‣ 5PN
    #FEEBSE
    ‣ ੜ੒తͳख๏Λۦ࢖ͨ͠ܗଶΛࢹ֮Խ
    ‣ http://www.subblue.com/ ‣ http://fractal.io/
20. 1BSUJUVSB ‣ 2VBZPMB
    ‣ ԻڹΛࢹ֮Խ
    WWWW
    ‣ http://www.quayola.com
21. ੜ੒తͳදݱ ‣ ੜ੒త
    (FOFSBUJWF
    ͳදݱʹ͍ͭͯߟ͑Δ
    ‣ ੜ੒తͳදݱ
    (FOFSBUJWF
    "SU
    ‣ ίϯϐϡʔλͷιϑτ΢ΣΞʹΑΔΞϧΰϦζϜ͔Βੜ੒͞ΕΔදݱ
    ‣ ͋Δجຊݪଇ΍਺ࣜ΍ςϯϓϨʔτͳͲͷૉࡐΛઃఆ͠ɺͦ͜ʹແ࡞ҝ·ͨ͸൒ແ࡞ ҝͷϓϩηε͕࡞༻͢ΔΑ͏ઃఆ͢Δ
22. ੜ੒తͳදݱ ‣ ੜ੒తͳදݱͷྫɿ΢ϧϑϥϜͷ࣍ݩηϧɾΦʔτϚτϯ
    ‣ ͋Δಛఆͷ࣌ࠁ U ʹ͓͚Δɺࣗ෼ࣗ਎ͱͦͷࠨӈͷηϧͷঢ়ଶʹΑͬͯɺ࣍ͷ࣌ࠁ U  ͷঢ়ଶ͕ܾ·Δ
    ‣ ηϧͷPOP⒎ΛɺͱͰදݱ͢ΔͱՄೳੑ͸ͭ
    ‣ 
    
    
    
    
    
    
    
    ‣ ͦΕͧΕͷঢ়ଶͰͷ࣍ͷ஋Λϧʔϧͱͯ͠ఆΊΔ
    ‣ ϧʔϧͷՄೳੑ͸શ෦ͰݸͱͳΔ
    ͷ৐ɺ
    CJU
    ‣ ྫɿϧʔϧ ಺         ࣍        
23. ੜ੒తͳදݱ ‣ 1SPDFTTJOHͰɺ΢ϧϑϥϜͷ$"Λࢼͯ͠ΈΔ
    ‣ 1SPDFTTJOHͷαϯϓϧ
    ‣ ʮ5PQJDTʯˠ
    ʮ$FMMVMBS
    "VUPNBUBʯˠʮ8PMGSBNʯ
    ‣ ϓϩάϥϜ಺ͷϧʔϧηοτΛมߋͯ͠ΈΔ
    ‣ TFUVQ ؔ਺಺ͷҎԼͰఆٛ͞Ε͍ͯΔ
    ‣ JOU<>
    SVMFTFU
    
    \       ^
24. ੜ੒తͳදݱ ‣ ϧʔϧ
    
    \
    
    
    
    
    
    
    ^
25. ੜ੒తͳදݱ ‣ ϧʔϧ
    
    \
    
    
    
    
    
    ^
26. ੜ੒తͳදݱ ‣ ϧʔϧ
    
    \       ^
27. ੜ੒తͳදݱ ‣ ΢ϧϑϥϜͷΫϥε෼ྨ
    ‣ Ϋϥε
    
    
    ઢܗܥ
    ‣ ୯Ұͷฏߧঢ়ଶʹऩଋ͢Δɽͭ·Γɼશͯͷηϧ͕ɼ
    ·ͨ͸
    
    ʹͳͬͯ͠·͏ɽ
    ‣ Ϋϥε
    
    
    ඇઢܗܥ
    पظղ
    ‣ ࣶ໛༷ͷΑ͏ͳɼपظతʹແݶʹ܁Γฦ͢ύλʔϯʹऩଋ͢Δɽ
    ‣ Ϋϥε
    
    
    ඇઢܗܥ
    ΧΦε
    ‣ ୯Ұͷঢ়ଶʹ΋ɼपظతͳঢ়ଶʹ΋ऩଋͤͣɼΧΦεతͳৼ෣͍Λ͢Δɽ
    ‣ Ϋϥε
    
    
    ඇઢܗܥ
    ͦͷଞ
    ‣ ༧ଌ͕͍ͨ͠ɼෳࡶͳύλʔϯͰɼपظɼඇपظ͕ަޓʹݱΘΕͨΓɼύλʔϯ͕ফ͑ͨΓ͢ Δɽ
28. ੜ੒తͳදݱ ‣ ίϯ΢ΣΠͷϥΠϑήʔϜ
    ‣ ࣍ݩͷ$"
    
    ϧʔϧ
    ‣ ஀ੜ
    
    ‣ ࢮΜͰ͍Δηϧͷपғʹͭͷੜ͖͍ͯΔηϧ͕͋Ε͹࣍ͷੈ୅Ͱ͸ੜ͖Δʢ஀ੜ͢ Δʣɻ
    ‣ ҡ࣋
    
    ‣ ੜ͖͍ͯΔηϧͷपғʹ͔ͭͭͷੜ͖͍ͯΔηϧ͕͋Ε͹࣍ͷੈ୅Ͱ΋ੜ͖࢒Δɻ ‣ ࢮ๢
    
    ‣ ্Ҏ֎ͷ৔߹ʹ͸࣍ͷੈ୅Ͱ͸ࢮ͵ɻ
29. ੜ੒తͳදݱ ‣ ίϯ΢ΣΠͷϥΠϑήʔϜ
30. (FOFSBUJWF
    (FTUBMUVOH ‣ ๲େͳ਺ͷੜ੒తͳΞʔτͷ࣮ྫΛ঺հͨ͠ॻ੶
    ‣ IUUQXXXBNB[PODPKQEQ
    ‣ αϯϓϧ͸શͯ1SPDFTTJOHͰ࡞੒͞Ε͍ͯΔ
    ‣ શͯμ΢ϯϩʔυՄೳ
    
31. (FOFSBUJWF
    (FTUBMUVOH ‣ ΦϑΟγϟϧαΠτ
    ‣ http://www.generative-gestaltung.de/
32. (FOFSBUJWF
    (FTUBMUVOH ‣ (FOFSBUJWF
    (FTUBMUVOHͷαϯϓϧΛΈͯΈΔ
    ‣ ͍͔ͭ͘؀ڥઃఆ͕ඞཁ
    ‣ ·ͣશͯͷαϯϓϧίʔυͷύοέʔδΛμ΢ϯϩʔυ
    ‣ IUUQXXXHFOFSBUJWFHFTUBMUVOHEFEPXOMPBET(FOFSBUJWF%FTJHO $PEF1BDLBHF[JQ
    ‣ μ΢ϯϩʔυͨ͠ύοέʔδΛల։ͯ͠ɺd%PDVNFOUT1SPDFTTJOHҎԼʹίϐʔ ͢Δ
33. (FOFSBUJWF
    (FTUBMUVOH ‣ (FOFSBUJWF
    (FTUBMUVOH؀ڥઃఆ͖ͭͮ
    ‣ ඞཁͱͳΔϥΠϒϥϦΛΠϯετʔϧ
    ‣ Generative Design Lib 1.0.3 ‣ controlP5 ‣ Geomerative ‣ treemap
34. (FOFSBUJWF
    (FTUBMUVOH ‣ ͭͷϥΠϒϥϦ (FOFSBUJWF
    %FTJHO
    -JCɺDPOUSPM1ɺ(FPNFSBUJWFɺ USFFNBQ
    ͷϑΥϧμΛɺ1SPDFTTJOHϑΥϧμͷMJCSBSZʹίϐʔ͢Δ
    
35. (FOFSBUJWF
    (FTUBMUVOH ‣ ΦϑγϟϧαΠτͷʮ$PEFTʯ͔ΒɺؾʹͳͬͨαϯϓϧΛબͼɺରԠ͢ΔίʔυΛ ىಈͯ͠ΈΔ
    ‣ IUUQXXXHFOFSBUJWFHFTUBMUVOHEFDPEF
    ‣ ͍Ζ͍Ζىಈͯ͠ɺࣗ෼ͷ޷͖ͳίʔυΛબ୒
36. (FOFSBUJWF
    (FTUBMUVOH
    Ͱͷੜ੒తදݱ ‣ (FOFSBUJWF
    
    ੜ੒త
    ‣ (FTUBMUVOH
    
    ܗଶ
    ήγϡλϧτ
    ‣ ༷ʑͳཁૉΛ༻͍ͨੜ੒తදݱ
    ‣ ৭
    $PMPS
    ‣ ܗ
    'PSN
    ‣ จࣈ
    5ZQF
    ‣ ը૾
    1JDUVSF
    ‣ ཚ਺ͱϊΠζ
    3BOEPN
    
    /PJTF
    ‣ ൃৼɺৼಈ
    0DJMMBUJPO
    pHVSFT
    ‣ ૊৫Խ
    'PSNVMBUFE
    CPEJFT
    ‣ ΞτϥΫλʔ
    "UUSBDUPS
    ‣ ໦ߏ଄
    5SFF
    TUSVDUVSF
37. (FOFSBUJWF
    (FTUBMUVOH ‣ ྫɿ.@@@@500-
38. ࢀߟॻ੶ɺͦͷ ‣ '03. $0%&
    σβΠϯʗΞʔτʗݐஙʹ͓͚Δɺ͔ͨͪͱίʔυ
    <୯ߦຊʢιϑτ Χόʔʣ>
39. '03.
    
    $0%&
    Ͱͷ෼ྨ ‣ 'PSN $PEF
    Ͱͷ੔ཧ
    ‣ ൓෮
    3FQFBU
    ‣ มܗ
    5SBOTGPSN
    ‣ ύϥϝʔλԽ
    1BSBNFUFSJ[F
    ‣ ՄࢹԽ
    7JTVBMJ[F
    ‣ γϛϡϨʔτ
    4JNVMBUF
40. ࢀߟॻ੶ɺͦͷ̏ ‣ ϏδϡΞϧɾίϯϓϨΩγςΟ
    ʕ৘ใύλʔϯͷϚοϐϯά
41. ࢀߟॻ੶ɺͦͷ̏ ‣ ϏδϡΞϧɾίϯϓϨΩγςΟ
    
    ໨࣍
    ‣ 
    c
    5IF
    5SFF
    PG
    -JGF
    ੜ໋ͷथ
    ‣ 
    c
    'SPN
    5SFFT
    UP
    /FUXPSLT
    πϦʔ͔ΒωοτϫʔΫ΁
    ‣ 
    c
    %FDPEJOH
    /FUXPSLT
    ωοτϫʔΫͷղಡ
    ‣ 
    c
    *OpOJUF
    *OUFSDPOOFDUFEOFTT
    ແݶͷ૬ޓ઀ଓੑ
    ‣ 
    c
    5IF
    4ZOUBY
    PG
    B
    /FX
    -BOHVBHF
    ৽͍͠ϏδϡΞϧݴޠͷߏจ
    ‣ 
    c
    $PNQMFY
    #FBVUZ
    ෳࡶੑͷඒ
    ‣ 
    c
    -PPLJOH
    "IFBE
    ະདྷͷߦํ