# Service health chart

Service health chart: a free component, built on your design tokens, to use on a status or monitoring page. One service metric over a day against its objective, with yesterday for comparison, a deploy marker, a data gap and the moment it went wrong in the warning colour.

Prompt: Add the OpenDesigner component service-health to this project: https://opendesigner.dev/library/r/service-health.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: above objective, missing data, deploy marker.

Accessibility: The chart is one image with a sentence that says what it shows; the key spells out each line style, so colour is never the only cue.

File: https://opendesigner.dev/library/r/service-health.html