chroma.js Playground

//データセット const data = [ 2.0,3.5,3.6,3.8,3.8,4.1,4.3,4.4, 4.6,4.9,5.2,5.3,5.4,5.7,5.8,5.9, 6.2,6.5,6.8,7.2,8 ]; //データセットの値をグルーピング // 第2引数はモード指定 e:等距離 q:変位値 l:対数 k:k-mean const limits = chroma.limits(data, 'e', 7); //パレット生成 const pallet = chroma .scale(['skyblue', 'lime', 'yellow', 'red']) .mode('lch') .colors(7); //閾値にパレットを設定 const colorScale = d3.scaleThreshold() .domain(limits) .range(pallet); bgColor: