Linhas do Tempo
Visualize eventos cronológicos e marcos ao longo de um eixo temporal. Ótimo para históricos de projetos e roteiros.
O que é Linhas do Tempo?
Diagramas de linha do tempo apresentam eventos em ordem cronológica ao longo de um eixo temporal, facilitando a visualização da sequência e dos relacionamentos entre eventos. São essenciais para planejamento de projetos, documentação histórica, roteiros de produtos e qualquer cenário onde a compreensão de relações temporais é importante. Linhas do tempo fornecem uma narrativa linear clara de eventos ao longo do tempo.
Editar e pré-visualizar
Construa um Linhas do Tempo com sintaxe Mermaid e veja as alterações instantaneamente.
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 Comuns
Roteiros de Produtos
Visualize funcionalidades planejadas, lançamentos e marcos ao longo de uma linha do tempo. Comunique prioridades de desenvolvimento a stakeholders e membros da equipe.
Marcos de Projetos
Acompanhe eventos-chave do projeto, entregáveis e prazos. Forneça uma visão geral clara do progresso do projeto e dos próximos marcos.
Documentação Histórica
Apresente a história da empresa, evolução tecnológica ou qualquer narrativa cronológica. Crie narrativas visuais envolventes de eventos ao longo do tempo.
Notas de Versão
Documente versões de software e suas funcionalidades principais em ordem cronológica. Ajude os usuários a entender a evolução de um produto.
Recursos Principais
Períodos de Tempo
Defina períodos de tempo com rótulos como datas, trimestres ou texto personalizado para organizar eventos cronologicamente.
Múltiplos Eventos por Período
Agrupe múltiplos eventos sob o mesmo período de tempo para mostrar atividades simultâneas ou itens relacionados.
Títulos e Seções
Adicione títulos gerais e cabeçalhos de seção para fornecer contexto e organizar a linha do tempo em grupos lógicos.
Layout Automático
O Mermaid espaça e organiza automaticamente os eventos ao longo da linha do tempo para legibilidade ideal.
Boas Práticas
Use Escalas de Tempo Consistentes
Mantenha intervalos de tempo consistentes ao longo da linha do tempo. Não misture dias com anos a menos que claramente indicado.
Destaque Eventos-chave
Enfatize os marcos mais importantes. Nem todo evento precisa do mesmo peso visual.
Mantenha Rótulos Concisos
Use rótulos curtos e descritivos para eventos. Detalhes podem ser fornecidos na documentação complementar.
Agrupe Eventos Relacionados
Use seções para agrupar eventos relacionados, facilitando a compreensão de temas e fases.
Explore outros tipos de diagramas
Fluxogramas
Visualize processos, fluxos de trabalho e algoritmos com nós e setas direcionais. Perfeito para processos de negócios e árvores de decisão.
Diagramas de Sequência
Documente interações entre diferentes atores ou sistemas ao longo do tempo. Ideal para documentação de API e design de sistemas.
Diagramas de Classes
Modele sistemas orientados a objetos com classes, atributos e relacionamentos. Essencial para planejamento de arquitetura de software.
Diagramas de Estado
Represente transições de estado em sistemas ou aplicações. Ótimo para modelar estados de ciclo de vida e fluxos de trabalho.
Gráficos de Gantt
Planeje e acompanhe cronogramas de projetos com tarefas e dependências. Perfeito para gerenciamento de projetos e agendamento.
Diagramas ER
Projete esquemas de banco de dados com entidades e relacionamentos. Ideal para modelagem e documentação de banco de dados.
Jornada do Usuário
Mapeie experiências e interações do usuário em diferentes pontos de contato. Excelente para design de UX e mapeamento da jornada do cliente.
Gráficos Git
Visualize estratégias de ramificação Git e históricos de commits. Útil para explicar fluxos de trabalho de controle de versão.
Mapas Mentais
Organize ideias, faça brainstorming de conceitos e crie estruturas visuais hierárquicas. Perfeito para planejamento e mapeamento de conhecimento.
Gráficos de Pizza
Exiba distribuições proporcionais de dados com gráficos circulares. Ideal para mostrar porcentagens e divisões de participação de mercado.
Quadros Kanban
Organize tarefas em colunas representando etapas do fluxo de trabalho. Perfeito para gerenciamento ágil de projetos e rastreamento de tarefas.
Gráficos de Quadrantes
Plote itens em uma grade de dois eixos para comparar e priorizar. Ideal para priorização de funcionalidades e análise estratégica.
Diagramas de Sankey
Visualize quantidades de fluxo entre nós com setas proporcionais. Perfeito para fluxos de energia, alocação orçamentária e funis de conversão.
Gráficos XY
Crie gráficos de barras e gráficos de linhas com eixos personalizáveis. Ideal para visualização de dados e análise de tendências.
Diagramas de Blocos
Construa layouts estruturados com blocos dispostos em colunas e linhas. Ótimo para arquitetura de sistemas e visões gerais de componentes.
Diagramas de Arquitetura
Projete arquiteturas de nuvem e sistemas com ícones de serviços e conexões. Perfeito para documentação de infraestrutura.
Diagramas de Pacotes
Visualize estruturas de pacotes de protocolos de rede com layouts de campos em nível de bit. Essencial para documentação de protocolos de rede.