Cubism.js/d3.js 스케일과 범위

Question

누군가는 규모와 범위가

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

예를 들어 위의 코드는 무엇을합니까 cubism.js

에서 함께 작동하는 방법에 대한 몇 가지 통찰력을 제공 할 수 있습니까? 값이 난수 생성기 (-10에서 10 사이의 숫자)를 사용하여 생성 된 경우

범위는 최대 및 최소를 설정하는 데 사용됩니다.

내가 규모, 예를 정의하는 방법을 알고

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/

내 주요 문제가 여기 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) 
)); 

재생 주변의 색상으로 당신이 당신이 좋아하는 조합을 찾을 때까지. 이 위의 예에서는 외곽 값 만 빨간색으로 표시되고 나머지는 파란색과 녹색 패턴을 따릅니다.

희망이 도움이됩니다.