Regsoft design system

Gauge Chart

Gauge charts display a single value within a defined range. They are useful for showing progress, completion rates, or performance metrics.

Basic gauge chart

A simple gauge showing a percentage value.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Custom range gauge

A gauge chart with a custom minimum and maximum range.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Low value gauge

A gauge chart showing a low value indicator.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

High value gauge

A gauge chart showing a near-maximum value.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.