Delirios de un Informático

Delirando sobre informática, fotografía, programación, móviles y mucho más desde 2003

Gráficas para la web

votar
Archivado en Programacion con fecha 4/Ago/2008 - 4 comentarios

A la hora de generar gráficas para utilizar en páginas web, hay muchas alternativas. Todo depende del tipo de la orientación de la aplicación que se desarrolle. Hay muchas aplicaciones comerciales pero para no perder mi fama, hablaré sólo de las alternativas gratuítas (aunque no todas sean OS) y que puedan generarse utilizando PHP.

JavaScript

Las soluciones basadas en JavaScript utilizan el elemento <canvas> de HTML5, que permite la creación de imágenes dinámicas mediante scripts. Eso permite incluso la interactuación con las gráficas en tiempo real. Algunas soluciones implementan también la creación dinámica de imágenes SVG.

  • PlotKit: genera 5 tipos de gráficas con canvas o SVG. Requiere el framework MochiKit.
  • Plotr: port de PlotKit para el framework Prototype.
  • plOOtr: port de PlotKit para el framework MooTools.
  • Flot: destaca por la interactividad (cambios en tiempo real, selección o zoom). Visualmente es más avanzado que PlotKit y requiere el framework jQuery.
  • Flotr: port de Flot para el framework Prototype, del mismo autor del port de PlotKit a Prototype.
  • jQuery Sparklines: genera gráficas tipo Sparkline usando el framework jQuery.

Adobe Flash

Las gráficas basadas en Flash se componen de un archivo SWF que realizan una petición para obtener los datos que generan la gráfica. Tienen la ventaja de ser más vistosas debido al uso animaciones como efectos al crear la gráfica o tooltips para mostrar los valores de los datos en los diferentes puntos, pero el inconveniente de realizar 2 peticiones HTTP para mostrarse.

  • Open Flash Chart: los archivos de datos utilizan JSON y tiene API para PHP y Perl.
  • PHP/SWF Charts: genera 20 tipos de gráficas con archivos de datos XML. Tiene API para PHP y versión de pago.
  • FusionCharts Free: incorpora API para PHP, ASP, JSP, ASP.NET, RoR e incluso Cold Fusion. También permite crear diagramas de Gantt. Los archivos de datos utilizan XML y tiene versión de pago con el doble de gráficas y más funcionalidades.
  • Yahoo! UI Charts: usa JavaScript para crear las gráficas pero Flash para mostrarlas. Todavía está en fase experimental.

Imágenes estáticas

Otra opción es generar imágenes estáticas.

Online

Una nueva modalidad es la creación de gráficas online mediante una API, que permiten descargar la tarea de generarla en un servidor externo. El inconveniente son las limitaciones que establecen los proveedores del servicio.

  • Google Chart: soporta los tipos básicos de gráficas (lineas, areas, barras…) pero incluye dos muy interesantes: mapas y QR-Codes. Tiene límite de 50.000 peticiones/dia y 0.3 megapixels por gráfica.

Seguro que se me escapa alguna. ¿Sugerencias? :)

Delirios de un Informático :: Gestionado con WordPress :: Alojado en Bitacoras.com :: Licenciado bajo Creative Commons