Gráficos XY
Crea gráficos de barras y líneas con ejes personalizables. Ideales para visualización de datos y análisis de tendencias.
¿Qué es Gráficos XY?
Los gráficos XY son herramientas versátiles de visualización de datos que representan puntos de datos en un sistema de coordenadas bidimensional. Soportando tanto gráficos de barras como de líneas, son fundamentales para mostrar tendencias, comparaciones y distribuciones. Los gráficos XY están entre los tipos de gráficos más comúnmente usados en informes empresariales, investigación científica y análisis de datos.
Editar y previsualizar
Construye un Gráficos XY con sintaxis Mermaid y observa los cambios instantáneamente.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Casos de uso comunes
Análisis de tendencias
Rastrea métricas a lo largo del tiempo con gráficos de líneas. Visualiza tendencias de crecimiento, patrones estacionales y trayectorias de rendimiento.
Informes comparativos
Compara valores entre categorías con gráficos de barras. Muestra ingresos por región, puntuaciones por equipo o conteos por categoría.
Paneles de rendimiento
Crea resúmenes visuales de métricas clave. Combina barras y líneas para mostrar tanto valores absolutos como tendencias.
Documentación de datos
Incluye gráficos en documentación técnica e informes. Mantén las visualizaciones de datos bajo control de versiones junto al contenido de texto.
Características principales
Gráficos de barras
Crea gráficos de barras verticales con valores de datos personalizados y etiquetas de categoría para comparaciones categóricas.
Gráficos de líneas
Representa datos continuos con gráficos de líneas para mostrar tendencias y cambios a lo largo del tiempo o entre categorías.
Ejes personalizados
Define etiquetas de ejes, rangos y categorías. Establece valores mínimos y máximos para una representación precisa de datos.
Gráficos combinados
Superpone gráficos de barras y líneas en la misma visualización para mostrar múltiples dimensiones de datos simultáneamente.
Mejores prácticas
Elige el tipo de gráfico correcto
Usa barras para comparaciones categóricas y líneas para tendencias a lo largo del tiempo. Combínalos cuando muestres ambos aspectos.
Etiqueta los ejes claramente
Siempre incluye etiquetas de ejes con unidades. Los lectores deben entender qué muestra el gráfico sin explicación adicional.
Inicia el eje Y en cero
Para gráficos de barras, inicia el eje Y en cero para evitar proporciones visuales engañosas.
Mantén los conjuntos de datos enfocados
Muestra una o dos series de datos por gráfico. Demasiadas series superpuestas hacen los gráficos difíciles de leer.
Explora otros tipos de diagramas
Diagramas de flujo
Visualiza procesos, flujos de trabajo y algoritmos con nodos y flechas direccionales. Perfectos para procesos empresariales y árboles de decisión.
Diagramas de secuencia
Documenta interacciones entre diferentes actores o sistemas a lo largo del tiempo. Ideales para documentación de API y diseño de sistemas.
Diagramas de clases
Modela sistemas orientados a objetos con clases, atributos y relaciones. Esenciales para planificación de arquitectura de software.
Diagramas de estado
Representa transiciones de estado en sistemas o aplicaciones. Excelentes para modelar estados de ciclo de vida y flujos de trabajo.
Diagramas de Gantt
Planifica y rastrea cronogramas de proyectos con tareas y dependencias. Perfectos para gestión de proyectos y programación.
Diagramas ER
Diseña esquemas de bases de datos con entidades y relaciones. Ideales para modelado y documentación de bases de datos.
Viaje del usuario
Mapea experiencias e interacciones del usuario a través de puntos de contacto. Excelentes para diseño UX y mapeo del recorrido del cliente.
Grafos Git
Visualiza estrategias de ramificación Git e historiales de commits. Útiles para explicar flujos de trabajo de control de versiones.
Mapas mentales
Organiza ideas, genera lluvias de ideas y crea estructuras visuales jerárquicas. Perfectos para planificación y mapeo de conocimiento.
Gráficos circulares
Muestra distribuciones de datos proporcionales con gráficos circulares. Ideales para mostrar porcentajes y desglose de cuotas de mercado.
Líneas de tiempo
Visualiza eventos cronológicos e hitos a lo largo de un eje temporal. Excelentes para historiales de proyectos y hojas de ruta.
Tableros Kanban
Organiza tareas en columnas que representan etapas del flujo de trabajo. Perfectos para gestión ágil de proyectos y seguimiento de tareas.
Gráficos de cuadrantes
Ubica elementos en una cuadrícula de dos ejes para comparar y priorizar. Ideales para priorización de funciones y análisis estratégico.
Diagramas Sankey
Visualiza cantidades de flujo entre nodos con flechas proporcionales. Perfectos para flujos de energía, asignación de presupuesto y embudos de conversión.
Diagramas de bloques
Construye diseños estructurados con bloques organizados en columnas y filas. Excelentes para arquitectura de sistemas y resúmenes de componentes.
Diagramas de arquitectura
Diseña arquitectura de nube y sistemas con iconos de servicios y conexiones. Perfectos para documentación de infraestructura.
Diagramas de paquetes
Visualiza estructuras de paquetes de protocolos de red con diseños de campos a nivel de bits. Esenciales para documentación de protocolos de red.