Radial Gauge
A circular telemetry speedometer gauge with 270-degree neon sweep arc, illuminated tick marks, glowing needle, central digital ticker, and interactive drag scrubbing.
- 3.9 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// radial-gauge.bexode goes in /public (download it below)
export function RadialGauge() {
return (
<ExodeUICanvas
src="/radial-gauge.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'change'
}}
style={{ width: '100%', height: 360 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
value | Number | 72 | 0 – 100 |
label | Text | Engine Thrust | — |
unit | Text | % | — |
max | Number | 100 | 10 – 10000 |
speed | Number | 1 | 0.1 – 4 |
accent | Text | #f59e0b | hex colour |
accent2 | Text | #ef4444 | hex colour |
bg | Text | #09080c | hex colour |
Events (via onTrigger): change