Herramientas para gráficos
Highcharts versus amChart ¿Con cuál nos quedamos?
Hace un tiempo empezamos a usar Highcharts y amCharts para presentar y estudiar nuestras métricas. Se trata de librerías de gráficos desarrollados en JavaScript para visualización interactiva de datos. Ya con algo de experiencia, les dejamos las características de cada una y les contamos cuál es nuestra preferida.
Ofrece una interfaz amigable para añadir elementos a tu sitio o aplicación web. Puedes crear gráficos lineales, columnas, barras, pies, angulares, rangos de área, burbujas, cajas, fuentes, cascadas, polares, y combinaciones entre ellos. Funciona en distintos navegadores y en aplicaciones incluyendo iPhone, iPad e Internet Explorer desde la versión 6. Es gratis solo si quieres usarlo para un sitio web personal u organizaciones sin fines de lucro, pero deberás pagar si quieres usarlo para usos comerciales. Puedes bajar el código fuente y editar lo que quieras, es muy flexible. A través de una API puedes agregar, remover y modificar series y puntos en cualquier momento. En combinación con jQuery, MooTools o Ajax, se pueden desarrollar soluciones como tablas que se actualizan constantemente con valores desde el servidor, datos del usuario y otros. Genera gráficos interactivos, desplegando información sobre cada punto y serie cuando pasas el mouse sobre ellos. Permite exportar las tablas en formatos PNG, JPG, PDF o SVG, e imprimir directamente desde la página. Ofrece gráficos en JavaScript/HTML5, incluyendo tablas de serie, columnas, barras, lineales, áreas, pie, radios, burbujas, fuentes, angulares, y combinaciones entre ellos. Se puede bajar y usar gratuitamente, la única diferencia con la versión pagada es que muestra un enlace al sitio web de Amcharts en una esquina de los gráficos. Funciona en todos los navegadores y también en móviles iOS y Android, además tiene un plugin para WordPress con el que puedes agregar tus gráficos a tu sitio fácilmente. Permite crear y administrar los gráficos de dos formas: Usando JavaScript API o creando un objeto JSON. Esta última opción permite la integración de datos con fuentes distintas de una forma más sencilla. Es muy modular, se puede trabajar cada componente por separado. Hay cuatro plantillas diferentes para el diseño, pero se pueden modificar completamente para personalizarlos. Con un poco de código adicional se pueden crear gráficos dinámicos. Finalmente, puedes exportar tu trabajo como imágenes o como PDF.Highcharts
Amcharts
Conclusión
Calificamos:
| Modularidad | Opciones de gráficos | Facilidad para insertar gráficos | Diseños | Precio | Interactividad | |
| Highcharts | No | Buenas | Fácil | Bueno | De pago | Buena |
| amCharts | Sí | Buenas | Muy fácil y flexible | Excelente | Gratis | Buena |
Son muy parecidos y ambos muy útiles, pero por su modularidad y diseños nos quedamos con amChart. Gráficamente es más atractivo y los elementos son más fáciles de integrar y modificar.
Highcharts
Ofrece una interfaz amigable para añadir elementos a tu sitio o aplicación web. Puedes crear gráficos lineales, columnas, barras, pies, angulares, rangos de área, burbujas, cajas, fuentes, cascadas, polares, y combinaciones entre ellos.
Funciona en distintos navegadores y en aplicaciones incluyendo iPhone, iPad e Internet Explorer desde la versión 6. Es gratis solo si quieres usarlo para un sitio web personal u organizaciones sin fines de lucro, pero deberás pagar si quieres usarlo para usos comerciales.
Puedes bajar el código fuente y editar lo que quieras, es muy flexible. A través de una API puedes agregar, remover y modificar series y puntos en cualquier momento.
En combinación con jQuery, MooTools o Ajax, se pueden desarrollar soluciones como tablas que se actualizan constantemente con valores desde el servidor, datos del usuario y otros.
Genera gráficos interactivos, desplegando información sobre cada punto y serie cuando pasas el mouse sobre ellos.
Permite exportar las tablas en formatos PNG, JPG, PDF o SVG, e imprimir directamente desde la página.
Amcharts
Ofrece gráficos en JavaScript/HTML5, incluyendo tablas de serie, columnas, barras, lineales, áreas, pie, radios, burbujas, fuentes, angulares, y combinaciones entre ellos.
Se puede bajar y usar gratuitamente, la única diferencia con la versión pagada es que muestra un enlace al sitio web de Amcharts en una esquina de los gráficos. Funciona en todos los navegadores y también en móviles iOS y Android, además tiene un plugin para WordPress con el que puedes agregar tus gráficos a tu sitio fácilmente.
Permite crear y administrar los gráficos de dos formas: Usando JavaScript API o creando un objeto JSON. Esta última opción permite la integración de datos con fuentes distintas de una forma más sencilla. Es muy modular, se puede trabajar cada componente por separado.
Hay cuatro plantillas diferentes para el diseño, pero se pueden modificar completamente para personalizarlos. Con un poco de código adicional se pueden crear gráficos dinámicos.
Finalmente, puedes exportar tu trabajo como imágenes o como PDF.Autor
Maximiliano Villegas
Director de desarrollo
Investigo lo último en tecnología web, para ofrecer soluciones innovadoras en los proyectos. Encargado de resolver problemas de integración en diversas API's, servicios y plataformas que operamos. Me gustan los proyectos perfectamente terminados, con código bien estructurado, simple y legible.
Artículos relacionados
14 años y 2.550 posts después.
Sabíamos optimizar WordPress como nadie. Por eso lo dejamos
Accesibilidad cognitiva
Estás perdiendo a uno de cada cinco usuarios porque el modo oscuro no es una estrategia de inclusión
Diseño de Experiencia