Skip to content

Massive spacing on architecture diagrams #6194

Open
@twdtech

Description

@twdtech

Description

Creating multiple groups inside a group with elements in these groups, they will grow to a extremely massive size with a lot of white space.

Steps to reproduce

Create a "main" group
Add groups in these groups
Add elements in these groups and connect them

Screenshots

mermaid.live on Edge:
Image

mermaid.live on Firefox:
Image

Visual Studio Code with Markdown Preview Mermaid Support:
Image

Code Sample

architecture-beta
    service opnSense(mdi:wall-fire)[OPNsense]
    group tnet(vaadin:cluster)[Tnet]
        group cnodes(server)[Compute Nodes] in tnet
            service cnode1(server)[CNode 1] in cnodes
            service cnode2(server)[CNode 2] in cnodes
            service cnode3(server)[CNode 3] in cnodes
            service cnode4(server)[CNode 4] in cnodes
            service cnode5(server)[CNode 5] in cnodes
            service cnode6(server)[CNode 6] in cnodes

        group vms(file-icons:vmware)[Virtual Machines] in tnet
            service vcenter_server(server)[vCenter Server] in vms
                cnode1:L <--> R:vcenter_server
                cnode2:L <--> R:vcenter_server
                cnode3:L <--> R:vcenter_server
                cnode4:L <--> R:vcenter_server
                cnode5:L <--> R:vcenter_server
                cnode6:L <--> R:vcenter_server

            service dhcp(server)[DHCP Server] in vms
            service dns(internet)[DNS Server] in vms
            service veeam(mdi:backup-restore)[Veeam Backup VMs] in vms

        group backup(disk)[Backup] in tnet
            service scsiShelf(disk)[SCSI Shelf] in backup
            service iscsiHead(cloud)[iSCSI Head] in backup
                scsiShelf:L --> R:iscsiHead
            service bkSrv01(disk)[Backup Server 1] in backup
            service bkSrv02(disk)[Backup Server 2] in backup
                bkSrv01:L --> R:veeam
                bkSrv02:L --> R:veeam
                iscsiHead:L --> R:veeam

Setup

  • Mermaid version: 11.4.0
  • Browser and Version:
  • Edge: 131.0.2903.146
  • FireFox: 134.0.1
  • Visual Studio Code: 1.96.3
  • Markdown Preview Mermaid Support Plugin: 1.27.0

Suggested Solutions

- None -

Additional Context

- None -

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: TriageNeeds to be verified, categorized, etcType: Bug / ErrorSomething isn't working or is incorrect

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions