# Mermaid Treemap Diagram Demo

# Treemap Diagram Demo

This is a demo of the new treemap diagram type in Mermaid.

## Basic Treemap Example

    treemap
        "Root"
            "Branch 1"
                "Leaf 1.1": 10
                "Leaf 1.2": 15
            "Branch 2"
                "Branch 2.1"
                    "Leaf 2.1.1": 20
                    "Leaf 2.1.2": 25
                "Leaf 2.2": 25
                "Leaf 2.3": 30

## Technology Stack Treemap Example

    treemap
        "Technology Stack"
            "Frontend"
                "React": 35
                "CSS": 15
                "HTML": 10
            "Backend"
                "Node.js": 25
                "Express": 10
                "MongoDB": 15
            "DevOps"
                "Docker": 10
                "Kubernetes": 15
                "CI/CD": 5