Patterns
Vitals chart
Plots vital signs on stacked tracks over one time axis, with the band each value was given, so a trend and a deterioration can be seen at a glance.
Every example uses synthetic data. Its bands are arbitrary and are not clinical thresholds.
A day in view
The default. The chart opens at the newest round.
Synthetic observation chart
Yesterday 15:00 – Today 15:00
Use the left and right arrow keys to move through time.
Respiratory rate
breaths/min
SpO₂
%
Oxygen flow
L/min
Blood pressure and heart rate
mmHg · beats/min
Temperature
°C
Glasgow Coma Scale
Synthetic total score
Synthetic data. The bands are arbitrary and are not clinical thresholds.
import { VitalsChart, type VitalsTrack } from "@cadence-clinical/clinical";
import { applyObservationSchema } from "@cadence-clinical/core";
const tracks: VitalsTrack[] = [
{ kind: "line", key: "respiratory-rate", series: "respiratory-rate" },
{ kind: "line", key: "spo2", series: "spo2" },
{ kind: "line", key: "oxygen-flow", series: "oxygen-flow", heightPx: 64 },
{
kind: "pair",
key: "bp-hr",
label: "Blood pressure and heart rate",
shortLabel: "BP + HR",
high: "systolic",
low: "diastolic",
line: "heart-rate",
},
{ kind: "line", key: "temperature", series: "temperature" },
{ kind: "line", key: "gcs", series: "gcs", heightPx: 64 },
];
<VitalsChart
label="Adult observation chart"
series={applyObservationSchema(series, schema)}
schema={schema}
tracks={tracks}
now={now}
timeZone="Australia/Melbourne"
/>;Three days in view
Set defaultSpan to the span to show first.
Synthetic observation chart
Sun, 20 Sept 15:00 – Today 15:00
Use the left and right arrow keys to move through time.
Respiratory rate
breaths/min
SpO₂
%
Oxygen flow
L/min
Blood pressure and heart rate
mmHg · beats/min
Temperature
°C
Glasgow Coma Scale
Synthetic total score
Synthetic data. The bands are arbitrary and are not clinical thresholds.
<VitalsChart defaultSpan="3d" {...props} />Tracks named in full
Set labelStyle to "full" where there is room.
Synthetic observation chart
Yesterday 15:00 – Today 15:00
Use the left and right arrow keys to move through time.
Respiratory rate
breaths/min
SpO₂
%
Oxygen flow
L/min
Blood pressure and heart rate
mmHg · beats/min
Temperature
°C
Glasgow Coma Scale
Synthetic total score
Synthetic data. The bands are arbitrary and are not clinical thresholds.
<VitalsChart labelStyle="full" {...props} />