Appendice G

   Istogrammi

Qualche volta è utile presentare statistiche e risultati analitici tramite istogrammi a barre orizzontali o verticali la cui lunghezza sia proporzionale alla quantità indicata. Questi diagrammi possono essere generati in codice HTML da programmi di statistica.
Il tag <IMG> può visualizzare un semplice rettangolo colorato. Mediante gli attributi HEIGHT e WIDTH possiamo poi allargare l'immagine in entrambe le direzioni.
Mediante il tag <TABLE> possiamo quindi costruire istogrammi di qualunque tipo.
Ecco un esempio di istogramma.

Accessi giornalieri
	65	120	95	111	70	138	161
	lun	mar	mer	gio	ven	sab	dom

e questo è il codice HTML:

<TABLE border="1" cellpadding="5" cellspacing="0">  <TR Valign="bottom">   <TH ROWSPAN="3" Valign="middle">Accessi<BR>giornalieri</TH>   <TD height="200"><IMG src="pixel.jpg" width="30" height="65"></TD>   <TD><IMG src="pixel.jpg" width="30" height="120"></TD>   <TD><IMG src="pixel.jpg" width="30" height="95"></TD>   <TD><IMG src="pixel.jpg" width="30" height="111"></TD>   <TD><IMG src="pixel.jpg" width="30" height="70"></TD>   <TD><IMG src="pixel.jpg" width="30" height="138"></TD>   <TD><IMG src="pixel.jpg" width="30" height="161"></TD>  </TR>  <TR>   <TD>65</TD><TD>120</TD><TD>95</TD><TD>111</TD><TD>70</TD><TD>138</TD><TD>161</TD>  </TR>  <TR>   <TD>lun</TD><TD>mar</TD><TD>mer</TD><TD>gio</TD><TD>ven</TD><TD>sab</TD><TD>dom</TD>  </TR> </TABLE>

Notiamo che l'attributo VALIGN è impostato a "bottom" direttamente nel tag <TR> e vale per tutta la riga che conterrà le immagini. Quindi per la prima cella l'attributo viene corretto a "middle" (che sarebbe il predefinito) perché come elemento della riga, sarebbe stato a "bottom" perché era stato impostato così nel <TR>.
Inoltre l'altezza delle celle contenenti le barre viene forzata a 200, che è il massimo valore che ci potremmo aspettare per quelle immagini. Avremmo anche potuto non farlo, ma sarebbe stato brutto graficamente avere una delle barre che riempie tutta la cella a disposizione. Ovviamente basta applicarlo alla prima cella e l'altezza si estende anche alle altre caselle della riga.