ver.3ã¾ã§ã¯ãƒ¬ãƒ³ã‚¸ã«ã‚«ãƒ©ãƒ¼ã‚’指定ã—ãŸå ´åˆã€hexã§è¿”ã£ã¦ããŸã€‚
D3 ver.3
> var colorScale = d3.scaleLinear().domain([0, 100]).range(["#cccccc", "#ff0000"])
> colorScale(20)
<- "#d6a3a3"
ver.4 ã§ã¯ã€rgbå½¢å¼ã®æ–‡å—列ã§è¿”ã£ã¦ãる。
D3 ver.4
> var colorScale = d3.scaleLinear().domain([0, 100]).range(["#cccccc", "#ff0000"])
> colorScale(20)
<- "rgb(214, 163, 163)"
ã©ã†ã‚„らã€hexã«å¤‰æ›ã™ã‚‹ã‚ˆã†ãªãƒ¡ã‚½ãƒƒãƒ‰ã‚‚ç„¡ã„ã£ã½ã„。
> var c = colorScale(20)
> d3.color(c).toString()
<- "rgb(214, 163, 163)"
D3ã®ã‚¹ã‚±ãƒ¼ãƒ«ã‚’ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨çµ„ã¿ã‚ã›ã¦ä½¿ã„ãŸã„時ã«ã€ç›¸æ‰‹ã®ãƒ©ã‚¤ãƒ–ラリãŒhexã§ã®ã‚«ãƒ©ãƒ¼æŒ‡å®šã—ã‹å—ã‘å–ã‚Œãªã„å ´åˆãŒã‚ã‚‹ã®ã§ã€ã¨ã‚Šã‚ãˆãšã€hexã«å¤‰æ›ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã—ã¦å¯¾å¿œã—ã¦ã¿ãŸã€‚
> d3.color.prototype.toHex = function(){ return ["#", this.r.toString(16), this.g.toString(16), this.b.toString(16) ].join("") ; }
> d3.color(c).toHex()
<- "#d6a3a3"