D3 szereg czasowy mapa termiczna

Question

Próbuję zrobić mapę cieplną za pomocą d3, który na osi x szereg czasowy, na y liczba i kolor jest wartością dla komórki. Dane są ładowane na podstawie danych wejściowych, a domena i zakres mogą się zmieniać na różnych wejściach. Nie mogłem znaleźć takiego przykładu. Czy ktoś ma pomysł, jak mogę to stworzyć?

Dzięki

Answer 1

W końcu udało mi się napisać ten fragment kodu, którego szukałem. Moim głównym problemem było to, że dobrze zrozumiałem wagę. Więc po przeczytaniu trochę mogę określić skalę czasową i mapować go do moich danych za pomocą następującego kodu:

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); 

można znaleźć demo roboczy mojego kodu w następujący jsfiddle: http://jsfiddle.net/TD5Sk/1/

Answer 2

Przeglądaj wokół d3 gallery of examples, mieszanie i dopasowywanie powinieneś być w stanie znaleźć dobry punkt wyjścia. co-occurrence matrix ma wiele właściwości, które opisujesz. Nawet calendar example prawdopodobnie ma kilka przydatnych wskazówek.