Mermaid

Mermaid is a powerful tool for visualizing complex workflows, data models, and system architectures using simple code. Seamlessly integrated into Paradime, it helps data teams document their dbt™ projects and collaborate more effectively by creating professional diagrams directly within their development environment.

Why Use Mermaid in Paradime?

• Simplified Visualization: Transform abstract concepts like data models, ETL processes, and project timelines into clear, visual diagrams.

• Built for Collaboration: Store .mmd diagram files alongside your dbt code, version control them, and share them seamlessly with your team.

• Real-Time Feedback: Preview your diagrams in real-time while you edit, ensuring quick iterations and accuracy.

From documenting database schemas to mapping workflows and planning releases, Mermaid's visualizations enhance collaboration and understanding across your data projects.

Getting Started with Mermaid

Creating your first diagram in Paradime is simple:

1. Launch Mermaid: From Paradime's Code IDE, click Apps and Agents in the left-hand panel and select Mermaid.

2. Choose a Diagram Type: In the terminal, use the arrow keys to select the type of diagram you want to create.

3. Start with a Template: Paradime automatically creates a .mmd file with a starter template for your chosen diagram type.

4. Preview Your Work: Click the eye icon (👁️) to preview your diagram in real-time as you edit.

5. Iterate and Save: Update the .mmd file, and your preview will refresh automatically.

Explore Diagram Types

Discover the types of diagrams you can create with Mermaid. Each category below includes a brief overview and a link to detailed documentation.

Data Architecture & Modeling

Architecture Diagrams

Visualize your data infrastructure, including cloud deployments, ETL services, and database organization.

Entity Relationship Diagrams (ERDs)

Map database schemas and relationships between tables to document data models.

Class Diagrams

Show data structures, transformations, and system architecture relationships.

Block Diagrams

Create structured layouts of system components and data flows.

Sequence Diagrams

Document ETL processes, API interactions, and data validation workflows.

State Diagrams

Track job executions, pipeline statuses, and system states over time.

User Journey Diagrams

Map system interactions and user access patterns for improved workflows.

ZenUML

Model complex workflows with simplified syntax for sequential processes.

Gantt Diagrams

Plan project timelines, manage task dependencies, and track milestones.

GitGraph Diagrams

Document version control strategies, feature development workflows, and release processes.

Timeline Diagrams

Visualize project roadmaps, historical trends, and key milestones.

Requirement Diagrams

Specify and track feature requirements and dependencies visually.

Pie Charts

Show distributions, allocations, and proportional data in your projects.

XY Charts

Display trends, metrics, and relationships using bar and line charts.

Sankey Diagrams

Visualize data flow volumes, resource usage, and energy transfers.

Quadrant Charts

Analyze impact and priority for features or projects.

Mind Maps

Organize ideas, project requirements, or data models hierarchically.