ãƒãƒ£ãƒ¼ãƒˆã®å‡¡ä¾‹ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹D3プラグイン「d3 Legendã€å‡¡ä¾‹ã¨ã¯ï¼Ÿ 主題図やãƒãƒ£ãƒ¼ãƒˆã«ã¯æ¬ ã‹ã›ãªã„凡例ã§ã™ãŒã€D3.jsã§ã¯ã“ã®åˆ¤ä¾‹ã‚‚自動的ã«ç”Ÿæˆã¯ã—ã¦ãã‚Œãªã„ã®ã§è‡ªåˆ†ã§æç”»ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 以外ã¨ãƒ¡ãƒ³ãƒ‰ã‚¦ãªä½œæ¥ãªã®ã§ã™ãŒã€ã€Œd3 Legendã€ãƒ—ラグインを使ã†ã¨d3.scaleã®è¨å®šã‹ã‚‰å‡¡ä¾‹ã‚’ç°¡å˜ã«ç”Ÿæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ éžå¸¸ã«ä¾¿åˆ©ãªãƒ—ラグインãªã®ã§æ˜¯éžã¤ã‹ã£ã¦ã¿ã¦ãã ã•ã„。 サンプル オーソドックスãªç¸¦æ›¸ãã®å‡¡ä¾‹ã‚’表示ã—ã¦ã¿ã¾ã—ãŸã€‚ var svg = d3.select('svg'); //ãƒãƒ£ãƒ¼ãƒˆã‚’æç”»ã™ã‚‹éš›ã«ä½¿ç”¨ã™ã‚‹ã‚¹ã‚±ãƒ¼ãƒ«(æ£è¦åŒ–)関数 var colorScale = d3.scale.linear() .domain([0, 100]).range(["skyblue", "darkblue"]); //凡例をé…ç½®ã™ã‚‹ã‚°ãƒ«ãƒ¼ãƒ—è¦ç´ ã‚’è¿½åŠ var legendView = svg.append("g") .attr("cla
{{#tags}}- {{label}}
{{/tags}}