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.
0.1.0
- Add Vitals chart: vital signs on stacked tracks over one time axis, laid out by a
tracksprop, with the bands an observation schema gave them. Its toolbar chooses the span from 2 hours to 3 days, moves to the start or the latest round, shows and hides tracks, and sets each track's range to the schema's, all values, or the values in view. A value that cannot go on its track's scale is written at its time instead. Track chart's crosshair now snaps to the nearest snap time, and its points take apointClassName. - Vitals chart: the pointer over a value opens its Tooltip with its details, and elsewhere draws a line for timing with the time in words beside it. The span and range choices are Tabs. A
totalstrack shows each round's total in its level's colour. Track chart: marks take adetailfor their Tooltip, the chart takesnowfor the time in words, and a band open at an end runs to the track's edge. AddsfriendlyTime. - Add Vitals chart: vital signs on stacked tracks over one time axis, laid out by a
tracksprop, with the bands an observation schema gave them. Its toolbar chooses the span from 2 hours to 3 days, moves to the start or the latest round, shows and hides tracks, and sets each track's range to the schema's, all values, or the values in view. A value that cannot go on its track's scale is written at its time instead. Track chart's crosshair now snaps to the nearest snap time, and its points take apointClassName. - Vitals chart: the pointer over a value opens its Tooltip with its details, and elsewhere draws a line for timing with the time in words beside it. The span and range choices are Tabs. A
totalstrack shows each round's total in its level's colour. Track chart: marks take adetailfor their Tooltip, the chart takesnowfor the time in words, and a band open at an end runs to the track's edge. AddsfriendlyTime.
Vitals chart code
How to install the Vitals chart, lay out its tracks, and its props.
Application shell
The frame of an application. A header across the top and a sidebar beside the page's content, or an inset sidebar the full height with the header inside the page's panel, with a link that skips to the content.