Las sparklines son un tipo de gráficos muy interesantes para mostrar datos de una manera muy condensada y visual, probablemente te recuerden a los utilizados para mostrar la información bursátil y en el mundo de Internet los más famosos son los de Google Analytics.
Estos gráficos, fueron definidos por Edward Tufte, y fueron definidos para embeber grandes cantidades de datos en pequeños espacios, su definición fue: "data-intense, design-simple, word-sized graphics".
Crear Sparklines con la API Google Chart
José FLorido escribió una genial entrada en la que describe como se pueden crear sparklines con la API de Google Chart.
Gracias a la API en pocos minutos se pueden crear gráficas similares a las ya citadas de Google Analytics.
Como comenta en la entrada José Florido, la API de Google Chart no dispone pr el momento de un tipo de gráfico específico para crear sparklines, por ello podemos recurrir al siguiente truco para crearlas.
El truco consiste en definir un gráfico de tipo línea (cht=lc), añadirle los ejes X e Y (chxt=x,y) y luego utilizar el parámetro de estilo para los ejes para esconderlos. El parámetro de estilo de los ejes (chxs) nos permite definir el color, el tipo de letra y la alineación. Si al último parámetro de chxs le asignamos el valor "_" indicamos a la API que no dibuje las líneas de los ejes. Además para que funcione correctamente debemos darle un valor de "1" al tamaño de texto de los ejes X e Y.
Este sería el resultado: .
Enlaces Relacionados
- Introducción a la programación web
- Bots para Google Talk
- Google también falla...
- Tour de Francia 2008 en directo
- Parejas que han cambiado Internet
- Herramientas para acelerar la carga de páginas web
- Las mejores APIs disponibles para desarrollar
- Google Mashup Editor
- Api de la Wikipedia
- Google Open Pizza Night
- Enviado por manu el Mié, 09/03/2008 - 14:22.
- 1638 lecturas
Gracias!!!!
Ey gracias Jose, la verdad que le habia echado un ojo a la documentación de la Api antes de escribir pero se me ha pasado ;), muchas gracias por tu aportación y un abrazo!!!
Hola! Una breve
Hola!
Una breve actualización: la API ya dispone de varios nuevos tipos de gráficos, entre ellos las sparklines. La documentación está en: http://code.google.com/apis/chart/#sparkline
así que ya no hace falta usar el truco ;)
Enviar un comentario nuevo