I would like to be able to draw a box around some components in the component diagram, like I can do in sequence diagrams, except I would like to be able to do this separately to the declaration of the components.
I am already using boundaries to separate my components into horizontal layers. Now I would like to be able to group them horizontally as well.
What I want to achieve is something like the diagrams in this video (skip to the second half, more or less):
https://www.youtube.com/watch?v=Jxm2rgeuC6s
The below is my diagram. On top of this, I would like to be able to draw a vertical box around Client2, Manager2 and Engine.:
rectangle Components {
rectangle Clients {
component Client
}
rectangle {
rectangle Managers {
component Manager
}
rectangle Engines {
component Engine
}
}
rectangle DataAccessLayer {
component DataAccess
}
rectangle DataStorage {
component DataStore
}
}
rectangle Utils {
component Utility1
component Utility2
component Utility3
component Utility4
}
Clients -[hidden]-> Managers
Managers -[hidden]-> Engines
Managers -[hidden]-> Engines
Engines -[hidden]-> DataAccess
DataAccessLayer -[hidden]-> DataStorage
Client --> Manager
Manager --> Engine
Manager --> Utility1
Engine --> DataAccess
DataAccess --> DataStore
: