Librerías para Mostrar de Graficas para aplicaciones Web


Hay diferentes librerías que se basan dos tags de HTML:

  • Svg: se insertan tags de XML en el tag que generan el gráfico. Permite una mayor interacción y escala automáticamente.
  • Canvas: se ejecutan javascripts sobre el dom del tag para generar el gráfico. Ofrece mejor rendimiento en gráficos complejos.

chartjsChart.js

Esta librería Canvas de código abierto que su principal ventaja es su fácil uso. Es bastante reciente por lo que aun no incorpora muchos tipos de gráficos y las múltiples configuraciones que presentan otras librerías (múltiples ejes, visualización de información en el interior de los gráficos…).

Google Charts

Esta librería Svg es muy completa; incluye más de 25 tipos de gráficos con múltiples configuraciones. El principal problema es que la librería debe ser cargada desde los servidores de Google y además se envían datos a Google para la generación de los gráficos que pueden ser incluso accedidos por terceros. Aunque esta permitido usarla en entornos empresariales; puede ser que el nivel de confidencialidad y privacidad de los datos nos imposibilite su uso.

highchartsHighcharts

Esta librería Svg es la más completa entre las analizadas permitiendo incluso combinar diferentes tipos de gráficos en uno solo. Añade ademas una funcionalidad interesante que es la posibilidad de poder guardar el gráfico en formato PDF, JPG, PNG o SVG. Su uso sólo es gratuito para fines no comerciales.

d3D3.js

Esta librería Svg de código abierto que permite realizar múltiples gráficos. Esta librería es la que usa PowerBI. Es una librería esta más orientada a realizar gráficos más que a usar diferentes tipos de gráficos; por lo que permite realizar los tipos de gráficos más espectaculares. Pero su uso es muy complejo y requiere de una gran curva de aprendizaje. Hay múltiples plugins con tipos de gráficos que basan esta librería que permiten su uso de una manera más adecuada. Algunos ejemplos de plugins:

  • Tipo de gráfico de series temporales: Metricsgraphics.js.
  • Varios tipos de gráficos orientados a gráficas en tiempo real: Epoch.
  • Varios tipos de gráficos para usar directamente en Angular: Angular-nvD3
  • Tipo de gráfico de pie: d3pie. En la actualidad no esta claro su futuro; pero posee un asistente que nos genera automáticamente el código.

Además podemos crear plugins gráficos para usarlos en PowerBI basados en la librería.

Anuncios
Esta entrada fue publicada en Desarrollo, javascript, web y etiquetada . Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s