<!DOCTYPE html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="f28d0ae9-0233-11ea-af5a-9e54f7c96309"></div>
<script src="https://cdn.plot.ly/plotly-1.51.1.min.js"></script>
<script>
Plotly.react(document.getElementById('f28d0ae9-0233-11ea-af5a-9e54f7c96309'),[{"gauge":{"axis":{"visible":false,"range":[0,200]}},"domain":{"column":0,"row":0},"type":"indicator","delta":{"reference":60},"value":120},{"value":120,"type":"indicator","gauge":{"shape":"bullet","axis":{"visible":false,"range":[-200,200]}},"domain":{"y":[0.15,0.35],"x":[0.05,0.5]}},{"domain":{"column":1,"row":0},"type":"indicator","value":120,"mode":"number+delta"},{"type":"indicator","domain":{"row":1,"column":1},"mode":"delta","value":40}] ,{"width":700,"height":400,"grid":{"columns":2,"rows":2,"pattern":"independent"},"template":{"data":{"indicator":[{"mode":"number+delta+gauge","delta":{"reference":60},"title":{"text":"Title"}}]}},"margin":{"r":25,"b":25,"t":25,"l":25}} );
</script>
</body>
</html>