1. 程式人生 > >d3(v5) 使用比例尺做漸變色

d3(v5) 使用比例尺做漸變色

比例尺

把0到100的數字歸一化到0-1區間:

let linear = d3.scaleLinear().domain([0, 100]).range([0, 1])

製作顏色計算器:

let red = '#
let compute = d3.interpolate('red', 'blue')

畫100個小矩形,漸變色。

d3.selectAll('rect').data(d3.range(100)).enter()
	.append('rect')
	.attr('x', (d,i) => i * 10)
	.attr('y', 0)
	.attr('width', 10
) .attr('height', 10) .style('fill', (d,i) => compute(linear(d)))

在這裡插入圖片描述