Гистограмма построена с использованием свойства images[ ] объекта Document.

Исходный код примера

<script>
    i=0;
    function d_rand()
    {<!--Если до диаграммы будут картинки, то j от количества картинок до диаграммы -->
        for(j=0;j<10;j++) {
            for(i=0;i<10;i++) document.images[j+i*10].src = "white.jpg"
            y= Math.floor(Math.random()*10)      ;
            for(i=9;i>9-y;i--) document.images[j+i*10].src = "blue.jpg"
        }}
</script>

<basefont size="3"><p align=justify>Гистограмма построена с использованием свойства images[ ] объекта Document.
<form name="diagram" class="c"><input name="random" type="button" value="Нажмите для перестроения" onClick="d_rand()" class="submitR2"></form>
<table border=0><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img
    src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr>
<td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td colspan=10>
<img src="blue.jpg" width="250" height=2></td></tr>
</table>