JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<body class="claro">
    <div data-dojo-type="dojox/dgauges/components/default/VerticalLinearGauge" data-dojo-id="gauge" value="10" minimum="-50" maximum="50" animationDuration="100" style="width:300px; height:300px"></div>
</body>

JavaScript

require(['dojo/parser', 'dojox/dgauges/components/default/VerticalLinearGauge','dojox/dgauges/RectangularRangeIndicator', 'dojo/domReady!'], function (parser, VerticalLinearGauge) {
    parser.parse();
    var ri = new dojox.dgauges.RectangularRangeIndicator();
	ri.set("start",0 );
    ri.set("value", 30);
    ri.set("startThickness", 0);
    ri.set("endThickness", 0);
    ri.set("stroke", {color: "red", width: 2.5});
    ri.set("paddingLeft", 7);
    gauge.getElement("scale").addIndicator("ri", ri, false);
    	
});