Crear impactantes gráficos dinámicamente con Raphaël, biblioteca Javascript



Raphael - biblioteca Javascript

Raphaël es una biblioteca Javascript que utiliza SVG y VML para generar unos vistosos e impactantes gráficos dinámicamente.

Permite crear desde gráficos de torta, lineales como los de Google Analytics hasta relojes muy geeks y selectores de colores.

Generar el gráfico más sencillo requiere de un código como el del siguiente ejemplo:

// Crear el canvas 320 × 200 en 10, 50
var paper = Raphael(10, 50, 320, 200);

// Crear un círculo en x = 50, y = 40, con radio 10
var circle = paper.circle(50, 40, 10);

// Pintar el interior del círculo con color rojo (#f00)
circle.attr("fill", "#f00");

// Definir el trazo del círculo a blanco
circle.attr("stroke", "#fff");

Ejemplos

Raphael - reloj animado - biblioteca-javascript

Raphael - grafico de torta (pie) - biblioteca-javascript

Raphael selector de color - biblioteca Javascript

Raphaël – Biblioteca Javascript

Descargar: raphaeljs.com

Related Posts Plugin for WordPress, Blogger...


Desarrollador de software egresado de la Universidad Católica de Argentina, blogger y fotógrafo.

Trackbacks/Pingbacks

  1. Migrations Map – Mapa interactivo desarrollado con HTML5 y jQuery | Pixelco - 21/11/2011

    [...] Para graficar datos estadísticos utiliza la biblioteca Javascript Raphael. [...]

  2. Bitacoras.com - 09/05/2011

    Información Bitacoras.com…

    Valora en Bitacoras.com: Raphaël es una biblioteca Javascript que utiliza SVG y VML para generar unos vistosos e impactantes gráficos dinámicamente. Permite crear desde gráficos de torta, lineales como los de Google Analytics hasta relojes muy ge……

Comentario