d3nav-demo.html
d7212bddb891master

d3nav-demo.html
View Options

			<!DOCTYPE html>
			<meta charset="utf-8">
			<html>
			<!-- include CSS first, then external JS -->
			<link rel="stylesheet" type="text/css" href="style/windinstrument.css">
			<script src="d3js/d3.v4.4.0.min.js"></script>
			<script src="js/windinstrument.js"></script>
			<style>

			body {
			background: black;
			font-family: sans-serif;
			font-style: italic;
			}

			div {
			background-color: black;
			float: left;
			}

			svg {
			font-family: sans-serif;
			}
			</style>

			<body>

			<div id="ins_1" width="400" height="300"></div>
			<div id="ins_2" width="200" height="200"></div>

			<script>

			var AWA = new AppWindInstrument(d3.select("#ins_1"));
			var TWA = new TrueWindInstrument(d3.select("#ins_2"));

			function read_data_log() {
			AWA.update_as_1(Math.random()120-60, Math.random()40);
			AWA.update_as_5(Math.random()120-60, Math.random()40);
			AWA.update_as_15(Math.random()120-60, Math.random()40);
			TWA.update_as_1(Math.random()120-60, Math.random()40);
			TWA.update_as_5(Math.random()120-60, Math.random()40);
			TWA.update_as_15(Math.random()120-60, Math.random()40);
			}

			function read_data() {
			AWA.update_as(Math.random()120-60, Math.random()40);
			TWA.update_as(Math.random()120-60, Math.random()40);
			}

			// Init
			read_data();
			read_data_log();

			// Update every 3/12 seconds
			setInterval(read_data, 3000);
			setInterval(read_data_log, 12000);

			</script>

			</body>
			</html>