Cubism.js/d3.jsスケールと範囲

Question

は、誰かが上記のコードは何をするのかスケールとエクステントが例えばcubism.js

.call(context.horizon() 
      .extent([-100, 100]) 
      .scale(d3.scale.linear().domain([-10,10]).range([-100,100]) 
        ) 
    ); 

で一緒に働く方法についていくつかの洞察を提供することはできますか？値が乱数ジェネレーター（-10から10の間の数値）を使用して生成された場合

私はエクステントが最大値と最小値の設定に使用されていることを知っています。

私は規模、例を定義する方法を知っている：私はd3.scalesについて読ん

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 

をここhttp://alignedleft.com/tutorials/d3/scales/

私の主な問題は 非常に単純な、私は私のデータのしきい値を定義したいということです0から98レッド 98-100ピンク 100ブルー

それともただ 0から99.99レッド 100ブルー

しかし、私が読んだことをすべて使って、動作するものを構築することはできません。

Answer 1

データの異常を表現するために異なる色を使いたいと思っています。それが当てはまる場合は、ドメインと範囲を作成する必要はありません。

あなたはちょうどこのようなカスタムカラーパレットを作成することができます。

var custom_colors = ['#ef3b2c', '#084594', '#2171b5', '#4292c6', '#6baed6', '#9ecae1', '#c6dbef', '#deebf7', '#f7fbff', '#f7fcf5', '#e5f5e0', '#c7e9c0', '#a1d99b', '#74c476', '#41ab5d', '#238b45', '#006d2c', '#00441b']; 

このカラーパレットは、最後に上のタック余分な赤い色でthis page上のパレットを使用して構築しました。

それからちょうどこのようなカスタムカラーを呼び出す：あなたが好きな組み合わせを見つけるまで

d3.select("#testdiv") 
    .selectAll(".horizon") 
    ... 
    .call(context.horizon() 
       .colors(custom_colors) 
)); 

は色で遊んでみてください。この例では、外れ値だけが赤で、残りは青と緑のパターンに従います。

希望すると便利です。