Circular Gauge / Activity Ring Charts

JavaScript Chart Types

Circular Gauge / Activity Ring Charts

JSCharting gauge charts now support circular and nested activity ring gauges with automatic colour adjustments and shadows when gauge values exceed 100%.

Circular Icons Gauge Chart

Circular gauge bars with icons in shape labels that use the outer shape feature.

Edit

Nested Gantt Rings Chart

A circular ring chart that illustrates the history of life on earth.

Circular Activity Rings Chart

Animated activity rings.

Circular Axis ColorBar Chart

Circular axis lines with smartPalette fills.

Circular Column Markers Chart

Custom and automatically rotated point marker shapes on circular bars.

Circular Countdown Chart

A countdown timer using circular columns.

Circular Grid Column Chart

Circular chart axis grid features.

Circular Line Breaks

Axis line breaks at tick positions.

Live Circular Column Chart

Live data with circular columns and smartPalette.

Circular ColorBar Marker Chart

Gauge with axis line breaks and a point on top of the axis line.

Circular ColorAxis Marker Gauge

Gauge using a colorized axis line with breaks and a data point on top of the axis line.

Interactive Circular ColorAxis Marker Chart

Interactive gauge with axis line breaks and a data point on top of the axis line.

Circular ColorAxis Marker Styling Charts

Gauge with styled axis line breaks and a data point on top of the axis line.

Mixed Circular Gauge Charts

Circular gauges with differing styles combined into a single chart.

Circular Column Overflow

Circular activity ring showing color change when value exceeds axis scale.

Circular Gauge Shape Labels

Multiple shape labels used on a circular gauge.

Circular Sleep Tracking Gauges

Circular bars that span axis origin.

Circular Arc Sweep Guides

Examples of visual guides for circular gauge columns.

Circular Tick Placement

Circular axis tick placement options.

Circular Wind Indicators

Radial gauge bars with icons in shape labels that rotate based on data.