Las 5 mejores herramientas gratuitas para crear gráficos en la web

Crear gráficos es fácil, solo necesitas tu programa de hojas de cálculo favorito, ingresar algunos datos y usar el asistente de gráficos. Lo que es más difícil es crear esos gráficos para ser publicados en la web a partir de datos dinámicos. Hay muchas opciones disponibles para graficar datos ingresados manualmente, pero pocas son capaces de generar gráficos dinámicos.

En esta edición de Cinco Aplicaciones, analizaremos cinco herramientas web gratuitas para crear diferentes tipos de gráficos a partir de datos dinámicos. Cada una de estas aplicaciones ofrece una gran cantidad de opciones y mucha personalización, más de lo que podría demostrar aquí. Así que echa un vistazo a cada página web y revisa los ejemplos proporcionados para ver el poder de cada una de estas herramientas.

Nota: Este artículo también está disponible como galería de imágenes y un video presentado por el columnista de Newsmatic, Tom Merritt.

1: amCharts

amCharts (Figura A) es quizás la herramienta más simple de la lista. Ofrece solo las opciones básicas para los tipos más comunes de gráficos. Sin embargo, viene con un editor visual agradable que te permite pegar datos de muestra en formato CSV (que luego convierte a XML) y manipular la configuración mientras ves cómo se forma tu gráfico. Cuando hayas terminado, simplemente copia el código HTML generado en tu página para mostrar tu gráfico basado en Flash. Si deseas utilizar datos dinámicos, reemplaza el valor en la variable "chart_data" con un conjunto de datos XML generado personalizado.

Figura A

2: D3.js

D3.js (Figura B) no es solo una aplicación de gráficos. Es realmente un marco DOM completo, similar a jQuery, que toma la API W3C y la hace mucho más manejable. Esto te proporciona un marco para crear casi cualquier tipo de visualización. La galería de ejemplos está llena de tipos básicos de gráficos, así como gráficos interactivos y animados, una gran cantidad de visualizaciones especializadas e incluso algunos juegos gráficos. Desarrollar para este marco requiere un poco más de trabajo que las otras herramientas de esta lista, pero los resultados realmente pueden valer la pena.

Figura B

3: Flot

Flot (Figura C) es una sencilla utilidad de gráficos basada en jQuery con una amplia variedad de opciones. Comienza con gráficos de línea o dispersión que pueden ser estáticos o dinámicos, y que te permiten personalizar colores, texto y otros aspectos. Luego, puedes agregar funciones avanzadas como la habilitación/deshabilitación dinámica de series de gráficos, zoom rectangular mediante clic y arrastrar, compatibilidad con clic, información sobre herramientas, panorámica y redimensionamiento, todo a través de varios complementos. Las características avanzadas incluyen símbolos de puntos de trazado personalizados, personalización de ejes, umbral de datos (luz roja - luz verde) y más. Los desarrolladores ambiciosos incluso pueden crear sus propios complementos para compartir con la comunidad.

Las 5 mejores herramientas para crear líneas de tiempo

Figura C

4: Google Charts

Google Charts (Figura D) es una API basada en HTML5 que ofrece una variedad de tipos de gráficos, como tortas, barras, líneas, mapas de árbol y muchos otros, con una amplia gama de atributos personalizables, incluidos colores, etiquetas y apariencia gráfica. Los datos pueden basarse en una Hoja de Cálculo de Google, una Tabla de Fusión de Google, una base de datos Salesforce o prácticamente cualquier fuente de datos que se pueda consultar utilizando AJAX o JSON. La característica más destacada, sin embargo, es el conjunto de controles del panel de control. Estos permiten que el usuario ajuste los datos que se presentan limitando la consulta mediante controles deslizantes, menús desplegables y otros controles. Por último, puedes usar Google Code Playground para diseñar y crear tus gráficos.

Figura D

5: Highcharts

Utilizando HTML5 y JavaScript, Highcharts (Figura E) ofrece una amplia variedad de gráficos, básicamente todos los tipos comunes, así como una gran cantidad de tipos especializados. Se pueden llenar fácilmente utilizando matrices de JavaScript u otra fuente de datos a través de un script que escribe un arreglo de JavaScript. Highcharts es personalizable en términos de etiquetas, colores y alineación del texto, pero su característica más notable es su apariencia. Highcharts tiene un aspecto de calidad y los gráficos hacen pequeñas animaciones mientras se dibujan. Para presentaciones de alto perfil, esto podría ser útil. Highcharts se enlaza a JSFiddle para diseñar y crear tus gráficos.

Figura E

Tus elecciones

¿Qué otras aplicaciones o herramientas web gratuitas para graficar has utilizado? Comparte tus opiniones sobre las que están en esta lista u otras aplicaciones en los comentarios a continuación.

En Newsmatic nos especializamos en tecnología de vanguardia, contamos con los artículos mas novedosos sobre Software, allí encontraras muchos artículos similares a Las 5 mejores herramientas gratuitas para crear gráficos en la web , tenemos lo ultimo en tecnología 2023.