Pulse Graph
A live vector telemetry and throughput graph with animated bezier wave curves, vertical cursor scanning, floating metric tooltip, and click-to-inject data spikes.
- 4.4 KB .bexode
- 7 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// pulse-graph.bexode goes in /public (download it below)
export function PulseGraph() {
return (
<ExodeUICanvas
src="/pulse-graph.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'dataSpike'
}}
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | Live Telemetry & Throughput | — |
unit | Text | req/s | — |
peakVal | Number | 9840 | 100 – 100000 |
speed | Number | 1 | 0.1 – 4 |
accent | Text | #00f2fe | hex colour |
accent2 | Text | #4facfe | hex colour |
bg | Text | #07090e | hex colour |
Events (via onTrigger): dataSpike