JustGage Studio

Build live SVG dashboard gauges with real JustGage 2 config: level colours, donuts, pointers, sectors.

JustGage Studio — build live SVG dashboard gauges with real JustGage 2 config: level colours, donuts, pointers, sectors.

How to use JustGage Studio

  1. Pick a gauge preset: speedometer, CPU load, battery donut, temperature or custom sectors
  2. Drag the value slider or hit Random value to animate the gauge like refresh
  3. Tune the real JustGage config: min, max, decimals, title, label, symbol and target line
  4. Switch on donut, pointer, reverse, noGradient, humanFriendly or displayRemaining
  5. Copy the real new JustGage code and paste it into your project after npm install justgage

Features

  • Real JustGage 2.0.1 config and geometry: 180 degree arc, donut ring, pointer and target line
  • Faithful getColor level colour interpolation with gradient, stepped and custom sector modes
  • Five presets with real repo values, including custom sector ranges
  • Live SVG gauge preview with value, label, min and max, downloadable as SVG
  • Copy-ready new JustGage code with refresh, update and destroy API notes

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.