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? :)

Antes de comentar...

Puedes escribir lo que quieras, pero por favor hazlo respetando a los demás y en relación al tema que se está tratando. Todo comentario insultante o fuera de lugar será eliminado

Está permitido utilizar las siguientes etiquetas HTML para formatear tu comentario: <a> <b> <blockquote> <i> <u>. Además también puedes utilizar estos emoticonos:

:) :( :'( :P ;) :D XD :O :S 8) :$ (A) (L) (K) |) (6) :@ +o( :|

Puedes enviar referencias a esta anotación utilizando esta dirección

Comentarios

Enlaces rápidos | Noticias dijo hace 499 días:

Enlaces rápidos | Noticias

[...] http://micurl.com/pyeggs)
¿MyISAM o InnoDB? (http://micurl.com/yabosd)
Generar PDFs en CodeIgniter (http://micurl.com/uj4qvb) usando ezPDF (http://www.ros.co.nz/pdf/)
Métodos de búsqueda en PHP (http://www.phpdeveloper.org/news/10743)
AÃ [...]

Bookmarks about Sparklines dijo hace 377 días:

Bookmarks about Sparklines

[...] Gráficas para la web
http://dmnet.bitacoras.com/archivos/programacion/graficas-para-la-web.php – bookmarked by 5 members
originally found by softhor on 2008-10-27
Linkit: 21.7. – 27.7.
http://www.antiprocess.net/archives/2008/07/linkit [...]

Websites tagged "plotkit" on Postsaver dijo hace 313 días:

Websites tagged “plotkit” on Postsaver

[...] Gráficas para la web
saved by danielrm262009-01-25 – PlotKit – Javascript Chart Plotting
saved by Therapix2009-01-24 – Javascript graphs
saved by acrevola2009-01-01 – PlotKit – Javascript Chart Plotting
saved by cgryan2008-12-25 – 22 Code [...]

Websites tagged "plotkit" on Postsaver dijo hace 313 días:

Websites tagged “plotkit” on Postsaver

[...] Gráficas para la web
saved by danielrm262009-01-25 – PlotKit – Javascript Chart Plotting
saved by Therapix2009-01-24 – Javascript graphs
saved by acrevola2009-01-01 – PlotKit – Javascript Chart Plotting
saved by cgryan2008-12-25 – 22 Code [...]

Haz tu comentario

Nombre Correo electrónico Página web

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