Javascript – Gráficos de datos

Author: Adrià Cidre  |  Category: CSS, Diseño, Java Script

Hasta ahora cuando quería hacer un gráfico de datos simplemente utilizaba JPGraph con el que se pueden conseguir resultados sorprendentes.

Sin embargo en la actualidad a cada instante intento evitar un poco más el PHP para hacer todo lo que pueda en la máquina del cliente con Javascript. Por este motivo me ha sorprendido gratamente encontrar esta librería con la que podemos realizar gráficos de datos en Javascript.

A continuación podéis ver algunos ejemplos de que tipo de gráficos podemos hacer.

Imagen 2.png

Imagen 3.png

Imagen 4.png

Como podéis ver es una librería bastante completa. Espero poder probarla pronto para explicaos su funcionamiento con más detalle, hasta entonces podéis encontrar ejemplos en su página web o descargarla desde aquí.

Decir por último que ofrece una compatibilidad casi absoluta:

Windows
Firefox 1.5 +
Internet Explorer 7
Internet Explorer 6
Safari 3.1 +
Opera 9 +
y otros buscadores
Mac
Firefox 1.5+
iPhone 1+
Safari 2+

Ajax loading GIF generator.

Author: Adrià Cidre  |  Category: Diseño, Java Script

En el desarrollo web actual es usual utilizar AJAX para recargar algunas partes de nuestro site. Se ha popularizado el uso de spinners al estilo de la progressbar de windows, mientras el contenido no ha sido cargado.

tmp

Hace un tiempo que vengo utilizando esta página web para crear este tipo de GIFs ya que nos permite crear facilmente gran variedad de imagenes en cualquier gama de colores.

Es realmente sencillo de utilizar, y una vez creado siempre podéis utilizar Fireworks o vuestro editor fotografico favorito para acabar de personalizar vuestras imágenes.

Aqui teneis un par de ejemplos:

19-0 15-0 12-0