
OverlayNew
Heart rate ECG trace
An ECG trace in a panel: the beats of a heart at a tracked rate in beats per minute, with the rate written beside it.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| rate (Can change over time) | number | 72 | 20 to 250 bpm | the heart rate in beats per minute; faster shows more beats across the strip (tracked)Can change over time |
| label | text | HEART RATE | – to 24 | a small word at the top right; empty for none |
| window | number | 2 | 1 to 6 s | how many seconds of trace the strip shows |
| at | vec2 | 0.6, 0.62 | 0, 0 to 1, 1 | where the panel’s top left sits: across and down the frame; it is kept on the frame |
| width | number | 0.36 | 0.15 to 0.8 | the panel’s width, a share of the frame’s width |
| height | number | 0.2 | 0.1 to 0.45 | the panel’s height, a share of the frame’s height |
| ink | color | #f3f0e8 | – | words, numbers, ticks and outlines |
| accent | color | #4fb8e8 | – | the live value, the fill, what is highlighted |
| font | choice | sans | sans, serif, mono | the face of the number and its word |
| backing | number | 0.35 | 0 to 1 | how dark the panel behind it is; 0 for none (then the words and the line get a heavy shadow) |
| reveal | number | 0.8 | 0 to 5 s | how long the panel takes to draw in; 0 shows it at once |
Use it in a film
film.js
elements: { 'heart-trace': { rate: 72, label: 'HEART RATE' } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.