グラファイトからのデータでキュービズムを使用しています
データのドメインは連続 [0,100] であり、範囲は連続 [0,100] ですが、100 未満のものはナンセンスなので、スケールを変更し、しきい値スケールを使用して次のようにしました。
値 < 100 は 0 になり、100 は 100 になります。
var scale = d3.scale.threshold().domain([100]).range([0,100])
console.log(scale(1)) //returns 0
console.log(scale(99.9)) //returns 0
console.log(scale(88.9)) //returns 0
console.log(scale(100)) //returns 100
適用すると、チャート全体が空になります
.call(context.horizon().height(100)
.colors(colors)
.scale(d3.scale.threshold().domain([100]).range([0,100])) // range([0,1]) doesn't work either
);
スケールを適用せずに（小さな白い領域に注意してください）
.call(context.horizon().height(100)
.colors(colors)
// .scale(d3.scale.threshold().domain([100]).range([0,100])) // range([0,1]) doesn't work either
);
