Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rounded Groups With a Header and a Footer

Public visualization

Viewing a saved revision (read-only)

f402cc001d1e4040a7ee538fb0e2c635

Rounded Groups With a Header and a Footer

1 star0🌍 Public
JJoker-tr
Last edited Feb 8, 2020
Created on Jan 19, 2020
Forked from Hello VizHub

This example shows a tree diagram where nodes are grouped into containers, each with a header, a body, and a footer. The container’s header and footer use custom GoJS shapes, `RoundedTopRectangle` and `RoundedBottomRectangle`, from the `RoundedRectangles` extension, while the body holds child nodes via a `Placeholder`. Node templates similarly combine these shapes to display role-based coloring and optional loop indicators using `BpmnActivityLoop`. The diagram uses `go.TreeLayout` for automatic positioning, and links are drawn with orthogonal routing and triangular arrowheads. Data is provided as a static JSON-like array of nodes and groups.

AI-generated description