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.
¿Qué es Líneas de tiempo?
Los diagramas de línea de tiempo presentan eventos en orden cronológico a lo largo de un eje temporal, facilitando ver la secuencia y relaciones entre eventos. Son esenciales para planificación de proyectos, documentación histórica, hojas de ruta de productos y cualquier escenario donde entender las relaciones temporales es importante. Las líneas de tiempo proporcionan una narrativa clara y lineal de eventos a lo largo del tiempo.
Editar y previsualizar
Construye un Líneas de tiempo con sintaxis Mermaid y observa los cambios instantáneamente.
Example
Timeline example
A Mermaid timeline showing when example code, PNG previews, and alt text are added.
Mermaid code
timeline
title Mermaid Editor Release Timeline
2026-05-01 : Add example code
: Render PNG preview
2026-05-03 : Add image alt text
: Improve SEO content
2026-05-05 : Publish pagesCasos de uso comunes
Hojas de ruta de productos
Visualiza funciones planificadas, lanzamientos e hitos a lo largo de una línea de tiempo. Comunica prioridades de desarrollo a interesados y miembros del equipo.
Hitos de proyectos
Rastrea eventos clave del proyecto, entregables y fechas límite. Proporciona una visión clara del progreso del proyecto e hitos próximos.
Documentación histórica
Presenta historial de empresas, evolución tecnológica o cualquier historia cronológica. Crea narrativas visuales atractivas de eventos a lo largo del tiempo.
Notas de lanzamiento
Documenta versiones de software y sus funciones clave en orden cronológico. Ayuda a los usuarios a entender la evolución de un producto.
Características principales
Períodos de tiempo
Define períodos de tiempo con etiquetas como fechas, trimestres o texto personalizado para organizar eventos cronológicamente.
Múltiples eventos por período
Agrupa múltiples eventos bajo el mismo período de tiempo para mostrar actividades concurrentes o elementos relacionados.
Títulos y secciones
Añade títulos generales y encabezados de sección para proporcionar contexto y organizar la línea de tiempo en grupos lógicos.
Diseño automático
Mermaid automáticamente espacia y organiza los eventos a lo largo de la línea de tiempo para una legibilidad óptima.
Mejores prácticas
Usa escalas de tiempo consistentes
Mantén los intervalos de tiempo consistentes a lo largo de la línea de tiempo. No mezcles días con años a menos que esté claramente indicado.
Resalta eventos clave
Enfatiza los hitos más importantes. No todos los eventos necesitan el mismo peso visual.
Mantén las etiquetas concisas
Usa etiquetas cortas y descriptivas para los eventos. Los detalles pueden proporcionarse en documentación acompañante.
Agrupa eventos relacionados
Usa secciones para agrupar eventos relacionados, facilitando la comprensión de temas y fases.
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.
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.
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.
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.