google style gauges using javascript d3.js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
  	<head>
    	<meta http-equiv="content-type" content="text/html;charset=utf-8">
    	<title>d3.js gauges</title>
		
		<style>
		
			body
			{
			  	font: 10px arial;
			}
			
		</style>
		
		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
		<script type="text/javascript" src="gauge.js"></script>

config.yellowZones = [];
				config.yellowZones.push({ from: 75, to: 90 });
				
				gauges[name] = new Gauge(name + "GaugeContainer", config);
				gauges[name].render();
			}
		
			function createGauges()
			{
				createGauge("memory", "Memory");
				createGauge("cpu", "CPU");
				createGauge("network", "Network");								
			}
			
			function updateGauges()
			{
				for (var key in gauges)
				{
					gauges[key].redraw(30 + 50 * Math.random() - 30 * Math.random());
				}
			}
			
			function initialize()
			{
				createGauges();
				setInterval(updateGauges, 5000);
			}
						
		</script>
		
		
	</head>
	
	<body onload="initialize()">
		<span id="memoryGaugeContainer"></span>
		<span id="cpuGaugeContainer"></span>
		<span id="networkGaugeContainer"></span>
	</body>
	
</html>

Modified http://mbostock.github.com/d3/d3.js to a secure url

https://mbostock.github.com/d3/d3.js