Codice e descrizione per la realizzazione di una timeline in WebGL e HTML5 con i parametri modificabili.
Scarica il codice (in ZIP)
Come personalizzare il grafico
Modifica i Dati (dataToDraw):
{ name: “Nome”, start: 2010, end: 2015, color: [R, G, B, Alpha] }
- name: Nome dell’evento (non renderizzato via webgl, ma utile per logica).
- start/end: Anni.
- color: Colori RGBA (valori da 0.0 a 1.0).
Modifica il range temporale: cambia le variabili startYear (2005) e endYear (2030) per allargare o restringere la vista cronologica.
Etichette Anni: nel ciclo for (let year = startYear; year <= endYear; year += 5), ho messo year += 5 per mostrare un anno ogni 5. Puoi cambiarlo a 1 per vederli tutti o 10 per decenni.