JSFiddle - React, Tailwind, and code Playground

by genehackman

HTML

<script src="http://bernii.github.io/gauge.js/dist/gauge.min.js"></script>
<canvas id="gaugeOne" width="200" height="120"></canvas>

JavaScript

var gaugeOneTarget = document.getElementById('gaugeOne');
var gaugeOne = new Donut(gaugeOneTarget);

gaugeOne.setOptions({
    lines: 12,
    angle: 0.07,
    lineWidth: 0.10,
    colorStart: '#6F6EA0',
    colorStop: '#C0C0DB',
    strokeColor: '#e0e0e0'
});

gaugeOne.maxValue = 100;
gaugeOne.set(85);