Radar
A phosphor sweep that paints contacts as it passes, with range rings, bearings and a live cursor readout. Click to drop a waypoint.
- 5.9 KB .bexode
- 6 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// radar.bexode goes in /public (download it below)
export function Radar() {
return (
<ExodeUICanvas
src="/radar.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | SECTOR 7 · PASSIVE | — |
contacts | Number | 9 | 1 – 30 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #7dff9b | hex colour |
bg | Text | #030805 | hex colour |
text | Text | #d9ffe2 | hex colour |