How to build a custom gauge with AI
The widget library covers most of what you log, but sometimes you want something specific. The AI Studio turns a plain-language prompt into a custom, fully styled gauge you can refine, tweak, and reuse.
Overspeed ships with an extensive widget library, professionally designed gauges for everything you log. But every now and then you want something the library does not have: a particular dial, a specific readout, a look that matches your channel exactly. That is what the AI Studio is for. You describe the gauge you want, and it builds a custom, fully styled widget you can tweak, save, and reuse.
When you need a custom gauge
Reach for a custom gauge when the built-in widgets get you most of the way but not all the way: a combined panel that shows two metrics at once, a vintage instrument to match your build, a minimal readout in your exact brand colors, or a layout you have seen elsewhere and want to recreate. Instead of settling for the closest match, you describe the real thing.
Describe the gauge you want
Open the AI Studio and write what you want in a sentence or two, the way you would explain it to a designer. A few examples that work well:
- A round speedometer with a sweeping needle and a glowing redline near the top.
- A vertical RPM bar that fills from green to red as the revs climb.
- A G-force dot that moves around a target circle, with a fading trail behind it.
- A minimal lap-delta readout: the gap in big type, green when you are up, red when you are down.
You can also attach a reference image, and the studio matches the look.
From prompt to working gauge
- Describe the gauge. The AI proposes a short spec first: the metric it shows, the form, the scale, and the colors.
- Read the spec, then hit Build. If something is off, reply to adjust it before any code is written.
- It builds the gauge and renders it live with sample telemetry, so you watch it move rather than judging a static mockup.
- If the first attempt has a problem, it repairs itself and re-renders until the gauge runs cleanly.
Refine it in plain language
Not quite right? Say so. "Make the needle thinner." "Use kilometers." "Move the number below the dial." "Warmer colors." Each reply updates the same gauge, so you converge on the look you want by talking, not by editing code. The studio keeps the parts you liked and changes only what you asked for.
Fine-tune the knobs
Every generated gauge comes with its own controls in the inspector: colors, the scale range, sizes, and toggles. Drag a slider or pick a color and the preview updates instantly. The most important knobs are surfaced first, so the main color and the scale max are right there without hunting.
Save it and reuse it
When it looks right, save it. The gauge lands in your personal library next to the built-in widgets, ready to drop onto any project. Restyle it per video, combine it with other gauges, and fold it into a template so every upload carries the same custom look.
Tips for a good prompt
- Name the metric. Speed, RPM, heart rate, and G-force map straight to your telemetry channels.
- Describe the form and the motion: a sweeping needle, a filling bar, a moving dot, a digital readout.
- Call out thresholds, like a redline near the top or a warning zone, and they become styled zones.
- Mention units and colors up front to skip a round of refinement.
- Attach a reference image when you have one, and the studio matches it.
Custom gauges behave exactly like the rest of the library: synced to your data on the timeline, styled to your channel, and exported on a chroma-key background for any editor. Describe the one you have been missing and build it.