Gauge list visualization (SmartViz)

Important

This feature is in beta and subject to change. Reach out to support with any issues.

The Gauge list visualization draws one progress ring per row of data, laid out in a grid. Each ring shows a value as a proportion of a maximum, and can change color as it crosses thresholds. It's a compact way to show utilization or completion across many items at once.

When to use a gauge list

A gauge list draws one progress ring per row, which suits many items each measured against their own maximum. Where a gauge gives one value a lot of space, a gauge list gives fifty values a little.

Utilization fits well: Storage Space Used against Storage Space Reserved from Azure, or Service Quotas from AWS.

Set Color thresholds so rings turn amber and red as they fill, letting the reader scan for trouble instead of reading numbers.

Where items have different units, or no meaningful maximum, use a Bar.

Try it out

Change the settings below and see how the chart updates. Select a dataset from the dropdown to see different use cases.

Interactive example
Showing

SLA compliance per service, where higher is better, so green sits at the top of the range. The baseline before the next sample flips that direction.

100%
API Gateway
100%
Auth Service
94%
Payments
97%
Search
89%
Notifications
Ring grid: Notifications is furthest from target at 89%

Gauge list settings

Data mapping

Setting
Description
Value
Required. Select the numeric column determining how far each ring fills.
Max
Select a numeric column holding a per-row maximum. This takes precedence over the Fixed Max setting.
Label
Select the column naming each ring.

Gauge list

Setting
Description
Rings Per Row
Enter the number of rings to lay out across the tile before wrapping, from 1 to 20.
Track Width (%)
Enter the stroke width of each ring as a percentage of its diameter, from 2 to 40.
Fixed Max
Enter a single maximum value to apply to every ring. Ignored when a Max column is mapped.

Color thresholds

Color each ring according to how full it is. Each band colors the range up to its to value, expressed as a fraction of the ring's maximum between 0 and 1. List the bands in ascending order, and end the last band at 1.

Setting
Description
to
Enter the upper bound of the band, from 0 to 1. A band with a to of 0.8 covers everything up to 80% of the maximum.
Color swatch
Choose the color applied to values falling in this band.

Was this article helpful?


Have more questions or facing an issue?