Build your gauge image
Set the value, maximum, style, widths, colors and label, then download the PNG.
Four dials on one board, redrawn whenever the numbers move
A dashboard is read as a whole: uptime beside spend beside conversion, each dial with its own scale and its own healthy range. DynaPictures lets you place several gauge layers on a single board and send all of the current values in one API request, and the composed image comes back in under 300 ms.
- Several gauge layers on one board
- Each dial keeps its own scale and range
- One request carries every current value
How to make a gauge chart image
Set value and maximum
Type the current value and the end of the scale, for example 72 of 100. The filled share of the gauge is calculated from the two numbers.
Choose style, colors and size
Pick a ring or ticks, set the bar, track and background colors and the two widths, add a short label under the gauge and choose 400x400 or 240x240.
Download the PNG
Save the image and place it in an email, a Notion page, a slide or a README; when the number changes, render a new gauge.
Why make gauge images here
One number, one picture
A gauge shows how close a value is to its target at a glance, with no legend or axis to read.
A ring or a ring of ticks
The ring fills in proportion and prints the percentage in its middle; the tick style lights one tick per step and prints the value over the maximum.
Shows where scripts do not run
The gauge is a plain PNG, so it renders in HTML emails, Notion, Slack, Confluence and GitHub READMEs.
Your scale and colors
Set any maximum, not only 100, and match brand colors with hex values.
No charting library
Nothing to install or bundle; the gauge is rendered on our servers and arrives as a single PNG file.
Gauge styles, widths and scales
The ring style fills the share of the circle that the value covers and writes that share as a percentage in the hole, sized for 100% so the number never jumps around. The tick style draws one tick per step: a whole-number maximum from 2 to 100 gets that many ticks, any other maximum 100, and the middle shows the value over the maximum, such as 72 / 100. Bar and track widths are set in pixels and default to 24 each. Values above the maximum are drawn as a full gauge, and a track left empty is light grey, or slate on a dark background.
Free limits
Each visitor gets 20 renders per day, and every downloaded gauge PNG is removed after 24 hours.
Ticks follow your scale
With a whole-number maximum from 2 to 100, the tick style draws one tick per unit, so 4 of 5 lights four ticks out of five.
Bar and track widths
Each width runs from 1 to 100 pixels and is kept to a quarter of the gauge, so the value always has room in the middle.
Frequently asked questions
A gauge shows one value against a scale, such as 72 of 100 points, a satisfaction score or progress towards a sales target. It is read faster than a table when only one number matters.