KQ-444 · CYLINDER/ROLL
Cylinder Roll
The interface wrapped on a horizontal cylinder that rolls as you scroll: lines of the page curve over the drum's near edge, foreshortened toward the top and bottom, with a highlight along the drum. Scroll, and the drum turns.
KQ-444 · CYLINDER/ROLL
Mode
Basinworks · reservoir control
Four gates, one head of water, level to the millimetre.
The whole board turns with the page, the way a drum gauge turns past its own seam. Scroll it into view, or take the wheel yourself with the slider above.
Reservoir level
41.8 m41.8 mInflow
12 m³/s12 m³/sOutflow
9 m³/s9 m³/s| Gate | Head | Status |
|---|---|---|
| G-1 | 3.2 m | Open |
| G-2 | 1.8 m | Holding |
| G-3 | 0.0 m | Closed |
| G-4 | 2.6 m | Open |
rolling
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/cylinder-roll
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| mode / progress | "scroll" | "manual" · number | — | What drives the roll. |
| radius / highlight | number | — | The drum's radius as a fraction of the height and the highlight strength. |