TONG TIN UI MAP
Colorful Flow Diagram & 12‑Slice Circular Rotation
Drop this file into any project as a starting point. All labels and colors are easy to edit in the SVG.
Flow Diagram (UX System Map)
Shows the journey from Start/Home → Create/Join → Cycle → Tracking → End.
Primary flow
Alternate join
Create → Cycle
Dash → Tracking
Cycle → End
12‑Slice Circular Rotation
Each slice is a member (A → L). Change members
or amounts in the script to regenerate.
Built as a single HTML file (no dependencies). SVGs scale cleanly for export/print.