# chart

Energy Gauge Meter · Candy Pink

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Candy Pink palette.

47500Open

Energy Gauge Meter · Royal Gold

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Royal Gold palette.

14300Open

Energy Gauge Meter · Crimson Heat

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Crimson Heat palette.

65100Open

Energy Gauge Meter · Deep Indigo

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Deep Indigo palette.

14200Open

Energy Gauge Meter · Aurora Teal

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Aurora Teal palette.

48000Open

Energy Gauge Meter · Mono Pearl

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Mono Pearl palette.

60100Open

Energy Gauge Meter · Ultra Violet

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Ultra Violet palette.

35700Open

Energy Gauge Meter · Cyber Lime

A semicircle SVG gauge that sweeps to its value on load, counts the % up, color-shifting by zone. Rendered in the Cyber Lime palette.

38600Open

Featured Components Live preview

Traffic Donut Chart · Deep Indigo

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Deep Indigo palette.

39700Open

Traffic Donut Chart · Aurora Teal

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Aurora Teal palette.

21100Open

Traffic Donut Chart · Mono Pearl

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Mono Pearl palette.

35800Open

Traffic Donut Chart · Ultra Violet

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ultra Violet palette.

37800Open

Traffic Donut Chart · Cyber Lime

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Cyber Lime palette.

14300Open

Traffic Donut Chart · Sunset Amber

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Sunset Amber palette.

67000Open

Traffic Donut Chart · Rose Gold

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Rose Gold palette.

15200Open

Traffic Donut Chart · Ocean Sky

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ocean Sky palette.

60000Open