D3.jsでカラースキームを作成する

2021年12月22日 15:47:13

2021年12月22日 15:47:33

D3.jsでカラースキームを自分で作成して、プリセットのカラースキームを置き換えたい。

2色の線形補間のカラースキーム作成する場合は、

var color = d3.interpolate("white", "#FF0000");

のように2色を指定すれば良い。引数は色名、カラーコードどちらでも良い。

既にプリセットカラースキームを

d3.interpolateBlues(0.5)

等と使用している箇所に置き換える場合は、

d3.interpolate("white", "#0000FF")(0.5);

のように記述すれば良い。