Gráficos de barras con CSS y Javascript

n las aplicaciones Web, generalmente mostramos gráficos de barras en las estadísticas, como por ejemplo: las visitas en el mes.
Para esto casi siempre utilización alguna clase PHP que nos genere graficas en 2d y otras en 3d utilizando un componente Flash, todo este proceso realizado del lado del servidor puede reducirse según las necesidades, si nuestra necesidad es tan solo tener un grafico simple de barras, esta puede ser nuestra solución.

CSScharts es la solución más eficiente para este trabajo, ya que tan solo nos brinda una hoja de estilos y un archivo .php que hace automáticamente una lista HTML para no estar haciéndola a mano.

Lista HTML

Esta lista la podríamos crear sin necesidad del archivo, pero como ven tenemos que escribir código HTML.

  

    400
  
  

    20
  
  

    30
  
  

    233
  
  

    312
  
  

    78
  
  

    20
  
  

    67
  

Código PHP

Esta sera siempre la manera más eficiente de generar la lista, de forma dinámica podemos construir lo mismo.

< ?php
      $values = '400,20,30,233,312,78,20,67';
      $height = 100;
      $width = 600;
      $bargap = 0;
      include('csscharts.php');
?>

Ejemplo

Pueden ver más ejemplos en: CSScharts Demosjfdghjhthit45