La idea es realizar graficos de barras horizontales y verticales, podemos utilizar estos graficos para mostrar estadisticas o resultados de encuestas o votaciones de forma mas vistosa, para que vean como quedaria este ejemplo aplicado les muestro este grafico...

CODIGO FUENTE

<p>Grafico Horizontal</p>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr><td>
<% Dim ancho

ancho = 240
Response.Write ("<img src=azul.gif width=" & ancho & " height=20>")
%>
</td></tr>
<tr><td>
<%
ancho = 140
Response.Write ("<img src=rojo.gif width=" & ancho & " height=20>")
%>

</td></tr>
<tr><td>
<%
ancho = 270
Response.Write ("<img src=verde.gif width=" & ancho & " height=20>")
%> </td></tr>
</table>

El codigo ASP si se fijan esta mezclado con una tabla de 3 renglones (rows) y una columna (cols) oviamente si queremos hacer un grafico horizonal debemos colocar las imagenes en los renglones de la tabla e ir modificando mediante codigo ASP su propiedad "width"...

<% Dim ancho

ancho = 240
Response.Write ("<img src=azul.gif width=" & ancho & " height=20>")
%>

Observen que "ancho" es una variable a la cual le dimos un valor de 240, y de que sirve? quizas a simple vista no se dan cuenta pero esa variable "ancho" puede ser el valor de un campo que hay en una base de datos el cual puede ir cambiando dinamicamente segun el contexto, por ejemplo si trabajamos con un sistema de votacion el valor de "ancho" seguramente ira variando a lo largo que se van desarrollando las votaciones. Quizas les sea mas comodo un grafico vertical, pues aqui el codigo...

<p>Grafico Vertical</p>
<table width="19%" border="0" cellspacing="2" cellpadding="0" height="10">
<tr valign="bottom">
<td height="2">
<% Dim alto
alto = 120
Response.Write ("<img src=azul.gif width=50 height=" & alto & ">")
%>
</td>
<td height="2">
<%
alto = 54
Response.Write ("<img src=rojo.gif width=50 height=" & alto & ">")
%>
</td>
<td height="2">
<%
alto = 60
Response.Write ("<img src=verde.gif width=50 height=" & alto & ">")
%>
</td>
</tr>
</table>

Aqui es lo mismo que en el grafico anterior pero en ves de poner los graficos en los 3 renglones creamos una tabla de 1 renglon y 3 columnas y en estas colocamos los graficos, otro cambio es que en ves de modificar la propiedad "width" modificamos "height".

Si hacen click aqui se puede bajar el codigo fuente completo, saludos .