Pipeline Playground
Interactive drag-and-drop workspace for designing pipeline visualizations. A design tool at unlikely.guide/pipeline-playground for prototyping data display layouts.
Workspace Components
Main Pipeline Dots (5 stages)
The playground provides draggable pipeline stage indicators:
- Intake (brown) — with action badge
- Scheduled (blue) — with action badge
- Field Complete (purple)
- Processing (gold) — with action badge and sub-counts
- Closed (dark gray)
Sub-Tracks
Below the main pipeline, two sub-tracks show cert and invoice status:
Cert Track: Not Started → Draft → Approved → Sent
Invoice Track: Not Invoiced → Sent → Paid
Processing Sub-Counts
The Processing stage breaks down into: draft, need invoice, need cert, awaiting.
Branch Color Legend
| Branch | Color |
|---|---|
| Baltimore | Blue |
| Manassas | Brown |
| North Haven | Green |
| Richmond | Red-brown |
| Triage | Purple |
Controls
- Drag to reposition any element
- Shift+drag workspace for marquee selection
- Ctrl+click to toggle individual selection
- Gold handle resizes connector lines
- Selected items move together
Purpose
This playground is used to prototype pipeline indicator designs before implementing them in the portal. The visual language follows design-principles and brand-pad specifications.