Pipeline
Data packets travel through named stages that light up as they process. Horizontal on desktop, vertical on phones; hover a stage to inspect it.
- 4.2 KB .bexode
- 7 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// pipeline.bexode goes in /public (download it below)
export function Pipeline() {
return (
<ExodeUICanvas
src="/pipeline.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
stages | Text | Ingest,Transform,Enrich,Model,Deploy | — |
throughput | Number | 4 | 1 – 12 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #ff8a3d | hex colour |
accent2 | Text | #ffd166 | hex colour |
text | Text | #f4ede6 | hex colour |
bg | Text | #0b0908 | hex colour |