Mindmaps

What are Mind Maps?

Mermaid's mind maps help you visually organize ideas into hierarchical structures. For data teams, they're excellent for brainstorming project requirements, planning data models, documenting processes, and organizing complex concepts. Each mind map starts with a central idea, with related concepts branching out in a hierarchical structure.

Creating Your First Mindmap

1. Launch DinoAI: From Code IDE, access DinoAI to start creating diagrams.

2. Use a Simple Prompt: Tell DinoAI what kind of Mindmap Diagram you want to create. For example:

- "Create a mermaid mindmap showing my data project requirements and dependencies"

- "Generate a mermaid mindmap for my data warehouse architecture with all components and relationships"

- "Build a mermaid mindmap showing my dbt™ project structure with models, tests, and documentation"

1. Get Your Diagram: DinoAI will generate a complete .mmd file with proper Mermaid syntax.

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

3. Iterate and Refine: Modify the generated .mmd file directly, or ask DinoAI to make specific changes.

Example:

Reusable Mindmaps prompts for you and your team

You can create custom, standardized .dinoprompts for Mermaid's Mindmaps that ensure consistency across your data team. See step-by-step guide.

---

Diagram Syntax Guide

Basic Structure

Mind maps use indentation to create hierarchy:

Node Shapes

You can use different shapes for nodes:

• Square: id[text]

• Rounded Square: id(text)

• Circle: id((text))

• Cloud: id)text(

• Bang: id))text((

• Hexagon: id{{text}}

• Default: Just text

Text Formatting

Use Markdown syntax for text formatting:

Data Team Examples

Project Planning

Data Model Documentation

Best Practices

1. Start with a clear central concept

2. Use consistent indentation

3. Group related ideas together

4. Limit hierarchy depth for clarity

5. Use shapes to differentiate concept types

6. Keep node text concise

Advanced Features

Icons

Add icons to nodes (when configured):

CSS Classes

Apply custom styling:

---

Additional Resources

For more syntax options and advanced features, visit the official Mermaid documentation

Mind Maps are an experimental feature in Mermaid. While the basic syntax is stable, some features like icon integration may change in future releases.