Timeline Diagram

Timeline diagrams display events in chronological order, useful for roadmaps, historical events, or project milestones.

Syntax Highlighting

Syntax highlighting integrates directly with IntelliJ’s color scheme system, so diagram colors always match your editor theme.

Armada Dark

Islands Dark

Islands Light

IDE Support

Mermaid Studio provides basic support for timeline diagrams:

• Syntax highlighting for time periods and events
• Code completion for timeline keywords
• Code folding to collapse sections
• Formatting to clean up diagram structure

Learn More

For complete syntax documentation including sections and styling options, see the Mermaid.js Timeline documentation.