OXprXo

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.3/nv.d3.min.js"></script>
<script src="https://rawgit.com/enplore/nvd3-charts/master/gauge.js"></script>
<script src="https://rawgit.com/enplore/nvd3-charts/master/gaugeChart.js"></script>

<div id="gauge-chart">
  <svg></svg>
</div>

oxprxo.markdown

OXprXo

A Pen by Captain Anonymous on CodePen.

License.

script.js

nv.addGraph(function() {
    var chart = nv.models.gaugeChart()
        .title('Gauge')
        .min(0)
        .max(1);

    d3.select('#gauge-chart svg')
        .datum([Math.random()])
        .call(chart);

    nv.utils.windowResize(chart.update);
    return chart;
});

style.css

html, body {
  width: 100%;
  height: 100%;
}

#gauge-chart {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", Verdana;
}

#gauge-chart svg {
  width: 100%;
  height: 100%;
}