Constructor de Gráficos

Acerca del Constructor de Gráficos

El Constructor de Gráficos es una herramienta en línea gratuita para crear hermosos gráficos interactivos desde datos CSV o JSON. Elige entre 7 tipos de gráficos (barras, líneas, área, circular, dona, radar, área polar), apila series de barras y área para análisis de composición, aplica un tema oscuro o una paleta de colores personalizada, y exporta como PNG, SVG ráster o PDF—todo procesado localmente en tu navegador para total privacidad.

¿Qué tipos de gráficos se admiten?

El Constructor de Gráficos admite 7 tipos populares de gráficos:

1. Gráfico de barras - Compara valores entre categorías
2. Gráfico de líneas - Muestra tendencias a lo largo del tiempo
3. Gráfico de área - Gráfico de líneas relleno bajo la curva, ideal para volumen y composición en el tiempo
4. Gráfico circular - Muestra proporciones y porcentajes
5. Gráfico de dona - Como gráfico circular con agujero central
6. Gráfico de radar - Compara múltiples variables en un eje radial
7. Gráfico de área polar - Muestra proporciones con ángulos iguales

Cada tipo de gráfico se adapta automáticamente a tu estructura de datos y tema de color elegido.

¿Cuándo debo usar gráficos de barras o área apiladas?

Activa la opción Apilado (disponible para gráficos de barras y área) cuando quieras mostrar cómo las partes suman un total a lo largo de una serie. Es ideal para análisis de composición como ingresos vs gastos vs ganancia, desglose de costos por categoría o fuentes de tráfico en el tiempo.

Los gráficos de barras apiladas comparan totales manteniendo visible cada segmento; los de área apilada destacan la tendencia acumulada. En los gráficos de área no apilados cada serie se rellena hasta la línea base de forma independiente, mejor para comparar volúmenes superpuestos.

¿Qué tipo de gráfico debo elegir para mis datos?

Elige el gráfico que se ajuste a tu pregunta:

- Categorías una junto a otra: Gráfico de barras
- Tendencia o cambio en el tiempo: Gráfico de líneas o de área
- Partes de un único todo: Gráfico circular o de dona
- Composición en el tiempo (partes que suman un total): Barras o área apiladas
- Comparar varias métricas entre elementos: Gráfico de radar
- Proporciones con distribución radial: Gráfico de área polar

Si tienes dudas, empieza con un gráfico de barras o líneas: se leen con claridad para la mayoría de datos empresariales y financieros.

¿Qué formatos de datos puedo usar?

Puedes ingresar datos en dos formatos:

1. CSV (Valores Separados por Comas):
- La primera fila debe contener encabezados
- La primera columna se convierte en etiquetas del gráfico
- Las columnas adicionales se convierten en series de datos

2. JSON (JavaScript Object Notation):
- Debe ser un array de objetos
- La primera propiedad se convierte en etiquetas
- Las propiedades adicionales se convierten en series de datos

Ambos formatos admiten múltiples series de datos para gráficos de comparación.

¿Cómo estructuro mis datos?

Tus datos deben tener al menos 2 columnas:

1. Primera columna: Etiquetas (ej: Mes, Categoría, Producto)
2. Otras columnas: Valores numéricos (ej: Ventas, Gastos)

Ejemplo CSV:
Mes,Ventas,Ganancia
Ene,5000,1000
Feb,6000,1500

La herramienta usa automáticamente la primera columna para las etiquetas del eje X y crea series separadas para cada columna restante.

¿Hay un límite de filas o series?

No hay un límite estricto: todo se ejecuta en tu navegador, así que el tope práctico es la memoria de tu dispositivo y la legibilidad del gráfico. Unos cientos de filas y varias series se renderizan al instante. Para conjuntos de datos muy grandes (miles de puntos) las etiquetas y leyendas se saturan, así que considera agregar o resumir los datos primero. Cada columna numérica después de la primera se convierte en su propia serie, y la paleta de colores se repite o puedes añadir más muestras en el tema Personalizado.

¿Puedo personalizar la apariencia del gráfico?

¡Sí! Personaliza tus gráficos con:

- Temas de color: Predeterminado, Pastel, Vibrante, Monocromático, Oscuro o una paleta totalmente Personalizada que construyes muestra a muestra
- Título del gráfico: Agrega texto de título personalizado
- Leyenda: Muestra/oculta leyenda de series de datos
- Líneas de cuadrícula: Muestra/oculta cuadrícula de fondo (gráficos de barras/líneas/área)
- Apilado: Apila series de barras y área para análisis de composición
- Animación: Habilita/deshabilita animaciones del gráfico

Exporta el gráfico final como PNG, SVG ráster o PDF. Todas las personalizaciones se actualizan cuando regeneras el gráfico.

¿Mis datos salen de mi dispositivo?

No. Toda la generación de gráficos ocurre completamente en tu navegador usando JavaScript. Tus datos nunca salen de tu máquina, garantizando privacidad total para datos comerciales sensibles, reportes financieros o análisis confidenciales.

¿Cómo guardo mi gráfico?

Después de generar un gráfico, usa el botón Descargar para un PNG, o el menú desplegable para SVG ráster y PDF. La exportación incluye todas tus personalizaciones (colores, título, leyenda, fondo del tema) y puede usarse en:

- Presentaciones e informes
- Sitios web y blogs
- Documentación
- Publicaciones en redes sociales

Nota: la exportación SVG incrusta una imagen ráster de alta resolución dentro de un envoltorio SVG para reescalado fácil—no es un archivo vectorial real. PNG y PDF mantienen la resolución completa para uso profesional.