D3時間序列熱圖

Question

我想使用d3製作一個熱圖，其中x軸是時間序列，y是數字，顏色是單元格的值。數據是根據輸入加載的，域和範圍可以在不同的輸入上改變。我無法找到這樣的例子。有沒有人有一個想法，我可以創造這個？

感謝

Answer 1

因此，我終於有時間寫這段代碼，我正在尋找。我的主要問題是我很好地理解了天平。所以，讀了一下後，我可以定義一個時間刻度，並用下面的代碼映射到我的數據：

var xscale = d3.time.scale() 
        .domain([startDate, endDate]) 
        .range([padding, w - padding]); 

var xAxis = d3.svg.axis() 
      .scale(xscale) 
      .orient("bottom") 
      .ticks(d3.time.days, 5); 

您可以在下面的jsfiddle我的代碼工作演示： http://jsfiddle.net/TD5Sk/1/

Answer 2

探索d3 gallery of examples左右，混合和匹配，你應該能夠找到一個很好的起點。 co-occurrence matrix有許多你描述的屬性。即使是calendar example也許有一些有用的指針。