Named Shape

Use the namedShape type to add Azure 2024 service and resource icons to your diagram. Refer to Common Properties for the full list of applicable properties.

{
    "id": "shape1",
    "type": "namedShape",
    "className": "VirtualMachineAzure2024",
    "boundingBox": { ... },
    "text": "Web Server"
}

Named Container

Use the namedContainer type to add Azure 2024 group containers that visually enclose related shapes. Place other shapes within the container's bounding box to nest them inside. Refer to Common Properties for the full list of applicable properties.

{
    "id": "rg1",
    "type": "namedContainer",
    "className": "ResourceGroupContainerAzure2024",
    "boundingBox": { ... }
}

Container Shapes

The following class names are available for use with namedContainer:

Common Shapes

The following shapes cover the majority of typical Azure architecture diagrams. Use the className value with the namedShape type. For container shapes (Resource Group, Subscription, etc.), see Container Shapes above and use the namedContainer type instead.

Shape Categories