D3.jsã§Force-Directed Graphを使ã£ã¦ãƒ©ãƒ–ライブï¼ã®ã‚ャラ関係をå¯è¦–化ã™ã‚‹ - AOI-CAT's diaryForce-Directed Graph 力指å‘グラフã¯ã€nodeã®é–“ã¨æç”»é ˜åŸŸã«ç‰©ç†çš„ãªä½œç”¨ã‚’計算ã—ã¦ã†ã¾ã„ãã‚ã„ã«è¡¨ç¤ºã™ã‚‹ã‚‰ã—ã„ã§ã™ã€‚ å„node（円）ã¯ãƒžã‚¦ã‚¹ã§å‹•ã‹ã›ã¾ã™ã€‚ 元データã¯Pixivã®ã‚¿ã‚°æ¤œç´¢é›†è¨ˆã§ã™ã€‚「(ãƒ©ãƒ–ãƒ©ã‚¤ãƒ–ï¼ OR ラブライブ!) ã«ã“ã¾ãã€ãªã©ãã‚Œãžã‚Œã®ã‚ーワードã§æ¤œç´¢ã—ã¦å‡ºã¦ããŸä½œå“数を集計ã—ã¾ã—ãŸã€‚ ç·šã®å¤ªã•ãŒã‚¿ã‚°æ•°ï¼ˆã€Œã«ã“ã¾ãã€ãªã‚‰â€œã«ã“â€â€œã¾ãâ€é–“ã®ç·šãŒå‡ºç¾æ•°ã«å¿œã˜ã¦å¤ªããªã‚‹ï¼‰ã‚’表ã—ã¦ã„ã¾ã™ã€‚nodeã®å¤–周を囲む線ã¯å¦å¹´ã”ã¨ã®å¡—り分ã‘ã‚’ã—ã¦ã„ã¾ã™ã€‚ JSONã®ãƒ‡ãƒ¼ã‚¿ã®æ§‹é€ nodesé…列をdata()ã§ã‚»ãƒƒãƒˆã—ã¦ã€ä»Šã¾ã§ã¨åŒã˜ã‚ˆã†ã«circleã¨lineã‚’appendã—ã¾ã™ã€‚ linksé…列ã¯ã€å„nodeã®é–¢ä¿‚を記述ã—ã¾ã™ã€‚sourceã®0ã¯ã€nodes[0]ã§ã™ã€‚ graph = { nodes : [ { "name" : "ã«ã“", "color
{{#tags}}- {{label}}
{{/tags}}