level widget

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://d3js.org/d3.v3.min.js" language="JavaScript"></script>
    <script src="liquidFillGauge.js" language="JavaScript"></script>
    <style>
        .liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }
    </style>
</head>
<body>
<svg id="fillgauge1" width="97%" height="250" ></svg>
<svg id="fillgauge2" width="19%" height="200" onclick="gauge2.update(NewValue());"></svg>

var config1 = liquidFillGaugeDefaultSettings();
    config1.circleThickness = 0.1;
    config1.circleFillGap = 0.1;
    config1.textVertPosition = 0.8;
    config1.waveAnimateTime = 1000;
    config1.waveHeight = 0.1;
    config1.waveCount = 1;
  
    var gauge1 = loadLiquidFillGauge("fillgauge1", 55, config1);

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js