Cubism.js/d3.js Maßstab und Umfang

Question

Kann jemand einen Einblick darüber, wie Skalen und Ausdehnungen zusammenarbeiten, um in cubism.js

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

Zum Beispiel, was der Code oben tun? Wenn die Werte eines Zufallszahlengenerator erzeugt werden, unter Verwendung von (Zahlen zwischen -10 und 10)

Ich weiß Ausmaß verwendet wird, um das Maximum und Minimum einzustellen.

Ich weiß, wie eine Skala, zB zu definieren:

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 

ich hier über d3.scales lesen http://alignedleft.com/tutorials/d3/scales/

Mein Hauptproblem ist, dass ich Schwellenwerte für meine Daten definieren will, sehr einfach 0-98 Red 98-100 Rosa 100 Blau

Oder vielleicht nur 0-99,99 Red 100 Blau

Aber ich bin in der Lage, nicht alles zu nutzen, was ich gelesen habe, etwas zu konstruieren, das funktioniert.

Answer 1

Ich vermute, dass Sie nur eine andere Farbe zu repräsentieren Anomalien in den Daten verwendet werden sollen. Wenn dies der Fall ist, müssen Sie keine Domäne und keinen Bereich erstellen.

Sie können nur eine benutzerdefinierte Farbpalette wie folgt erstellen:

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

Diese Farbpalette gebaut wurde die Palette auf this page mit einer zusätzlichen roten Farbe mit bis zum Ende geheftet.

Dann rufen Sie einfach die benutzerdefinierten Farben wie folgt aus:

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

spielen, um mit den Farben, bis Sie eine Kombination finden, die Sie mögen. In diesem Beispiel wird nur der Ausreißer rot angezeigt, während der Rest dem blauen und grünen Muster folgt.

Hoffe, das hilft!