← Back to index

treemap

Example 1

SebastianJS (SVG)
../assets/treemap-1.svg
Mermaid (code) 
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

Example 2

SebastianJS (SVG)
../assets/treemap-2.svg
Mermaid (code) 
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