Posts Tagged 'gráficas'

¿Que tipo de gráfica usar?

Si a la hora de representar datos te surge la duda de cual es el tipo de gráfico más apropiado para ello, puedes echar mano de este otro gráfico:

cs

Visto en flickr.com

Anuncios

GoonCity – Una ciudad isómetrica

Hace tiempo que conocía la Goon Tower pero no sabía que había también una Goon City.

En PixelDam además de tener una gran colección de gráficos isométricos también tienen su propia ciudad en esta perspectiva… y otro de la luna.

—-
Actualización (25 Sep 2008): Otra ciudad más -> http://www.pixel.mgx-studios.com/

Gráficos libres en formato vectorial

Estoy a punto de arrancar otro blog más específico que este (he cogido gustillo a esto de bloguear) y me he puesto a “diseñar” un logo. Diseñar es algo que me encanta… lo hago como el culo pero me lo paso como los indios. La cuestión es que he estado buscando gráficos vectoriales para inspirarme y he encontrado un par de sitios que me han parecido interesantes y que quiero compartirlos con vosotr@s.

La mayoría de los gráficos de estas webs son gratis para uso personal e incluso comercial y se pueden encontrar en formato Adobe Illustrator AI, EPS, PDF, SVG o Corel Draw CDR.

jQuery Sparklines

jQuery Sparklines es un plugin de JQuery para la construcción de sparklines o lo que es lo mismo, gráficas tamaño texto de este tipo –> .

Un ejemplo:

Quiero graficar estos valores en un sparline [1,2,3,4,5,4,3,2,1].

Escribo este html:

<span class="sparklines">1,2,3,4,5,4,3,2,1</span>

y le aplico el plugin indicando que coja los valores del html que contiene la etiqueta span…

$('.sparklines').sparkline('html');

…con lo que obtendría esto:

Si quisiera pasar la ristra de valores desde js pues haría esto…

$('.sparklines').sparkline([1,2,3,4,5,4,3,2,1]);

…y obtendría lo mismo:

Los tipos de chart y sus propiedades son personalizables. Si por ejemplo quisiera representar los mismos datos en un gráfico de barras de color verde bastaría con esto:

$('.sparklines').sparkline('html', { type:'bar', barColor:'green' });

y el plugin pintaría este otro sparkline:

Flare – Visualización de datos para la web

Flare es una librería ActionScript open source para la creación de gráficos interacticos en Flash.

Como una demo vale más que mil palabras palabras, aquí se puede ver algún ejemplo de su potencia.

La verdad es que es bantante impresionante.

En este blog se pueden ver gráficas similares –> http://flashenabledblog.com/2008/08/19/showcase-visualizing-data-roundup/


Add to Technorati Favorites
Clicky Web Analytics Clicky

Flickr Photos