Overscan deviation from baseline

The arrow's angle is set by the rate, never by the scale. Its tilt is the rate of change over the window as a fraction of a declared full-tilt rate, printed underneath; the deviation bar's scale plays no part. The first two scenes are one reading at two scales, and their arrows match. The monitor this comes from admits the opposite in its own manual: changing the trend scale "can change the angle of the trend indicator, without the patient's condition having changed". With no full-tilt rate the arrow is withheld, not fitted to the scale, and with less than 80% of the window read it is not drawn yet. A baseline with no author, time or method is refused, and capture will not take a stale or hand-entered value. A baseline older than its declared max-baseline-age is still used, and marked EXPIRED, until it is captured again. The buttons act on the theme rows, whose windows are 20 s so they move; the element's default is 5 min, as in the scenes.

demo/baseline.html, from this page

import 'overscan'
import 'overscan/overscan.css'

<ov-baseline
  label="HR"
  unit="bpm"
  value="96"
  scale="20"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
></ov-baseline>

import { OvBaseline } from 'overscan/react'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="20"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

import { OvBaseline } from 'overscan/vue'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="20"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

import OvBaseline from 'overscan/svelte/OvBaseline.svelte'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="20"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

HR climbing 3/min, bar scale ±20

same patient at ±60: same arrow

no full-tilt rate declared: no arrow

admitted 40 s before the page opened

no author, no method: baseline refused

a one-hour baseline, now over an hour old

variation: scale="60"

import 'overscan'
import 'overscan/overscan.css'

<ov-baseline
  label="HR"
  unit="bpm"
  value="96"
  scale="60"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
></ov-baseline>

import { OvBaseline } from 'overscan/react'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="60"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

import { OvBaseline } from 'overscan/vue'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="60"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

import OvBaseline from 'overscan/svelte/OvBaseline.svelte'

<OvBaseline
  label="HR"
  unit="bpm"
  value="96"
  scale="60"
  trend-rate="4"
  baseline="72"
  baseline-by="RN KOWALSKI"
  baseline-at="2026-09-11 06:40"
  baseline-method="entered"
/>

variation: label="LOOP 2 COOLANT" unit="°C" value="291.4" scale="5" baseline="288" baseline-by="SHIFT SUPV" baseline-at="2026-09-11 05:00"

import 'overscan'
import 'overscan/overscan.css'

<ov-baseline
  label="LOOP 2 COOLANT"
  unit="°C"
  value="291.4"
  scale="5"
  baseline="288"
  baseline-by="SHIFT SUPV"
  baseline-at="2026-09-11 05:00"
  baseline-method="entered"
></ov-baseline>

import { OvBaseline } from 'overscan/react'

<OvBaseline
  label="LOOP 2 COOLANT"
  unit="°C"
  value="291.4"
  scale="5"
  baseline="288"
  baseline-by="SHIFT SUPV"
  baseline-at="2026-09-11 05:00"
  baseline-method="entered"
/>

import { OvBaseline } from 'overscan/vue'

<OvBaseline
  label="LOOP 2 COOLANT"
  unit="°C"
  value="291.4"
  scale="5"
  baseline="288"
  baseline-by="SHIFT SUPV"
  baseline-at="2026-09-11 05:00"
  baseline-method="entered"
/>

import OvBaseline from 'overscan/svelte/OvBaseline.svelte'

<OvBaseline
  label="LOOP 2 COOLANT"
  unit="°C"
  value="291.4"
  scale="5"
  baseline="288"
  baseline-by="SHIFT SUPV"
  baseline-at="2026-09-11 05:00"
  baseline-method="entered"
/>

variation: label="SPO2" unit="%" value="93" scale="8" trend-rate="1" baseline="94..98" baseline-by="AUTO ADMIT" baseline-at="2026-09-11 07:12" baseline-method="captured"

import 'overscan'
import 'overscan/overscan.css'

<ov-baseline
  label="SPO2"
  unit="%"
  value="93"
  scale="8"
  trend-rate="1"
  baseline="94..98"
  baseline-by="AUTO ADMIT"
  baseline-at="2026-09-11 07:12"
  baseline-method="captured"
></ov-baseline>

import { OvBaseline } from 'overscan/react'

<OvBaseline
  label="SPO2"
  unit="%"
  value="93"
  scale="8"
  trend-rate="1"
  baseline="94..98"
  baseline-by="AUTO ADMIT"
  baseline-at="2026-09-11 07:12"
  baseline-method="captured"
/>

import { OvBaseline } from 'overscan/vue'

<OvBaseline
  label="SPO2"
  unit="%"
  value="93"
  scale="8"
  trend-rate="1"
  baseline="94..98"
  baseline-by="AUTO ADMIT"
  baseline-at="2026-09-11 07:12"
  baseline-method="captured"
/>

import OvBaseline from 'overscan/svelte/OvBaseline.svelte'

<OvBaseline
  label="SPO2"
  unit="%"
  value="93"
  scale="8"
  trend-rate="1"
  baseline="94..98"
  baseline-by="AUTO ADMIT"
  baseline-at="2026-09-11 07:12"
  baseline-method="captured"
/>