Getatlas Grhc0rixi0
Help CenterGetting StartedCreating Your First Diagram

Creating Your First Diagram

Last updated August 9, 2024

Creating Your First Mermaid.js Diagram

Welcome to the world of visual communication with Mermaid.js! In this guide, we'll walk you through creating your very first diagram, setting the stage for crafting informative and engaging visuals for your projects.

Your First Flowchart

Let's start with a simple flowchart, a common diagram type used to illustrate processes and workflows.

1. **Set up your Environment:**

2. **Create a Markdown File:**

3. **Write your Mermaid.js Code:**

Was this article helpful?