Ogni volta che si fruisce un insieme di statistiche, la documentazione è corredata da grafici che ne agevolano la comprensione; su internet molti sono i siti che utilizzano le immagini per veicolare informazioni. La legge “Stanca” ci dice che l’informazione deve poter essere fruita anche in assenza di immagini. La soluzione proposta vuole essere un’idea […]

di Diego La Monica

Lo scopo di un grafico Il grafico usualmente è utilizzato per mostrare l’andamento di un mercato o comunque di un generico valore nel tempo. Solitamente un grafico è seguito sui libri da una leggenda che ne descrive velocemente il senso. Un esempio di etichetta potrebbe essere “densità della popolazione negli anni”. Sappiamo cosa contiene il […]

di Diego La Monica

La soluzione Proviamo ad immaginare un grafico a barre orizzontali (barre che partono dalla sinistra per arrivare a destra). Bene adesso disegnamolo pensando anche all’accessibilità. Un grafico è racchiuso solitamente in un’area (un box). Quindi la prima cosa da fare è creare il proprio box in HTML. <div class=”graph_area”> </div> A questo box associamo uno […]

di Diego La Monica

Estendiamo il grafico – parte 1: elementi storici Pensiamo di riportare anche un grafico storico (per esempio il picco delle visite storiche) integrato nello stesso grafico. Questo fa sempre parte della sezione di ciascuna barra, quindi basta modificare la section in questo modo: <span class=”label”> Firefox:</span>     <div class=”section”>         <span class=”chart” style=”width:28%;”>             <span […]

di Diego La Monica

Miglioriamo il grafico – compatibilità con Internet Explorer 6 e precedenti Se provate il codice su Firefox, Internet Explorer 7 oppure Opera, noterete la perfezione dell’opera. Non si può dire altrettanto se avete dato uno sguardo agli esempi con una versione precedente di Internet Explorer. Sostituendo il commento condizionale dell’esempio precedente con quanto segue, le etichette descrittive […]

di Diego La Monica