Hub-and-Spoke

A hub-and-spoke diagram. A central node radiates connections to surrounding spoke nodes. Used for showing a central concept with related elements, or a hub with connected services.

Fields

FieldRequiredTypeDescription
kindyes"hub_spoke"Must be exactly "hub_spoke"
titlenostringTitle rendered above the diagram
centeryesstringLabel for the central hub node
spokesyesarray of SpokeAt least two spokes required

Spoke fields

FieldRequiredTypeDescription
labelyesstringText displayed in the spoke node
emphasisnostring"primary" or "secondary". See schema.

Rendering rules

  • The center node is rendered at the center of the diagram.
  • Spoke nodes are arranged evenly around the center in a circle.
  • Lines connect the center node to each spoke node.
  • The center node is visually distinguished from spoke nodes (larger, different color).
  • Spoke nodes use the base color; the center uses the apex color.

Example

Cloud Architecture Auth Service User Service Order Service Payment Service Notification API Gateway