Ginylil — Brewing Brilliant CodeContext Templates / Example collection

DYNAMIC UMLs / SIX WAYS TO SEE A SYSTEM

Understand it.
One step at a time.

Choose a diagram to explore. Each example is a standalone HTML file with playback, an element inspector, and visible assumptions. Open it locally — everything works offline.

01 / SEQUENCE

The three-party sign-in ↗

Messages between participants, in time order.

/ct-dynamic-uml-sequence
02 / CLASS

An order, made explicit ↗

Ownership, cardinality and specialization.

/ct-dynamic-uml-class
03 / FLOWCHART

Is this change ready? ↗

A vertical decision path, side retry rail and nested repair flow.

/ct-dynamic-uml-flowchart
04 / STATE

The life of an order ↗

Events, guards and an order lifecycle.

/ct-dynamic-uml-state
05 / ACTIVITY

Two checks, one dispatch ↗

Concurrent branches with a fork and join.

/ct-dynamic-uml-activity
06 / COMPONENT

One source, three agents ↗

Repository boundaries and dependencies.

/ct-dynamic-uml-component

Long sequence: 32 messages across six participants ↗

Examples for template review. The sequence, class, flowchart, state and activity examples are illustrative; the component view follows the local repository. Flowcharts are general process notation rather than a formal UML diagram type. These pages explain systems; they do not execute them.