heatmap serie temporale D3

Question

Sto provando a creare una heatmap usando d3 che su un asse x una serie storica, su y un numero e il colore è il valore per la cella. I dati vengono caricati in base all'input e il dominio e l'intervallo possono cambiare su input diversi. Non ero in grado di trovare un simile esempio. Qualcuno ha un'idea di come posso crearlo?

Grazie

Answer 1

Così ho finalmente avuto il tempo di scrivere questo pezzo di codice che stavo cercando. Il mio problema principale era che avevo capito bene le bilance. Così, dopo aver letto un po 'potrei definire una scala di tempo e mappare ai miei dati con il seguente codice:

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

potete trovare una demo funzionante del mio codice nel seguente jsfiddle: http://jsfiddle.net/TD5Sk/1/

Answer 2

esplorare tutto il d3 gallery of examples, miscelazione e la congruenza si dovrebbe essere in grado di trovare un buon punto di partenza. Lo co-occurrence matrix ha molte proprietà che descrivi. Anche lo calendar example ha probabilmente alcuni suggerimenti utili.