Terug naar alle diagrammen

Tijdlijnen

Visualiseer chronologische gebeurtenissen en mijlpalen langs een tijdas. Uitstekend voor projectgeschiedenissen en roadmaps.

Wat is Tijdlijnen?

Tijdlijndiagrammen presenteren gebeurtenissen in chronologische volgorde langs een tijdas, waardoor het eenvoudig is om de volgorde en relaties tussen gebeurtenissen te zien. Ze zijn essentieel voor projectplanning, historische documentatie, productroadmaps en elk scenario waarin het begrijpen van temporele relaties belangrijk is. Tijdlijnen bieden een helder, lineair verhaal van gebeurtenissen in de tijd.

Bewerken en preview

Bouw een Tijdlijnen met Mermaid-syntaxis en zie wijzigingen direct.

Editor
100%

Example

Timeline example

A Mermaid timeline showing when example code, PNG previews, and alt text are added.

Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones
Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones

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 pages

Veelvoorkomende toepassingen

Productroadmaps

Visualiseer geplande functies, releases en mijlpalen langs een tijdlijn. Communiceer ontwikkelingsprioriteiten aan belanghebbenden en teamleden.

Projectmijlpalen

Volg belangrijke projectgebeurtenissen, deliverables en deadlines. Bied een duidelijk overzicht van projectvoortgang en aankomende mijlpalen.

Historische documentatie

Presenteer bedrijfsgeschiedenis, technologische evolutie of elk chronologisch verhaal. Maak boeiende visuele verhalen van gebeurtenissen in de tijd.

Releasenotities

Documenteer softwareversies en hun belangrijkste functies in chronologische volgorde. Help gebruikers de evolutie van een product te begrijpen.

Belangrijkste functies

Tijdsperioden

Definieer tijdsperioden met labels zoals datums, kwartalen of aangepaste tekst om gebeurtenissen chronologisch te organiseren.

Meerdere gebeurtenissen per periode

Groepeer meerdere gebeurtenissen onder dezelfde tijdsperiode om gelijktijdige activiteiten of gerelateerde items te tonen.

Titels en secties

Voeg overkoepelende titels en sectiekoppen toe om context te bieden en de tijdlijn in logische groepen te organiseren.

Automatische lay-out

Mermaid plaatst en rangschikt gebeurtenissen automatisch langs de tijdlijn voor optimale leesbaarheid.

Best practices

Gebruik consistente tijdschalen

Houd tijdsintervallen consistent in de hele tijdlijn. Meng geen dagen met jaren tenzij duidelijk aangegeven.

Markeer belangrijke gebeurtenissen

Benadruk de belangrijkste mijlpalen. Niet elke gebeurtenis hoeft hetzelfde visuele gewicht te hebben.

Houd labels beknopt

Gebruik korte, beschrijvende labels voor gebeurtenissen. Details kunnen in bijbehorende documentatie worden vermeld.

Groepeer verwante gebeurtenissen

Gebruik secties om verwante gebeurtenissen samen te groeperen, zodat thema's en fasen gemakkelijker te begrijpen zijn.

Ontdek andere diagramtypen

Stroomdiagrammen

Visualiseer processen, workflows en algoritmen met knooppunten en gerichte pijlen. Perfect voor bedrijfsprocessen en beslisbomen.

Sequentiediagrammen

Documenteer interacties tussen verschillende actoren of systemen in de tijd. Ideaal voor API-documentatie en systeemontwerp.

Klassediagrammen

Modelleer objectgeoriënteerde systemen met klassen, attributen en relaties. Essentieel voor het plannen van softwarearchitectuur.

Toestandsdiagrammen

Geef toestandsovergangen in systemen of applicaties weer. Uitstekend voor het modelleren van levenscyclustoestanden en workflows.

Gantt-diagrammen

Plan en volg projecttijdlijnen met taken en afhankelijkheden. Perfect voor projectmanagement en planning.

ER-diagrammen

Ontwerp databaseschema's met entiteiten en relaties. Ideaal voor databasemodellering en documentatie.

Gebruikersreis

Breng gebruikerservaringen en interacties over contactpunten in kaart. Uitstekend voor UX-ontwerp en klantreis-mapping.

Git-grafieken

Visualiseer Git-branchingstrategieën en commitgeschiedenissen. Handig voor het uitleggen van versiebeheerworkflows.

Mindmaps

Organiseer ideeën, brainstorm concepten en maak hiërarchische visuele structuren. Perfect voor planning en kennismapping.

Cirkeldiagrammen

Toon proportionele gegevensverdelingen met ronde grafieken. Ideaal voor het weergeven van percentages en marktaandeelverdelingen.

Kanbanborden

Organiseer taken in kolommen die workflowfasen vertegenwoordigen. Perfect voor agile projectmanagement en taakbeheer.

Kwadrantdiagrammen

Plaats items op een twee-assig raster om te vergelijken en te prioriteren. Ideaal voor functieprioritering en strategische analyse.

Sankey-diagrammen

Visualiseer stroomhoeveelheden tussen knooppunten met proportionele pijlen. Perfect voor energiestromen, budgetallocatie en conversiefunnels.

XY-grafieken

Maak staafdiagrammen en lijngrafieken met aanpasbare assen. Ideaal voor datavisualisatie en trendanalyse.

Blokdiagrammen

Bouw gestructureerde lay-outs met blokken in kolommen en rijen. Uitstekend voor systeemarchitectuur en componentoverzichten.

Architectuurdiagrammen

Ontwerp cloud- en systeemarchitectuur met service-iconen en verbindingen. Perfect voor infrastructuurdocumentatie.

Pakketdiagrammen

Visualiseer netwerkprotocol-pakketstructuren met bitniveau-veldindelingen. Essentieel voor netwerkprotocoldocumentatie.