@patricksurry/g3
Version:
A flexible Javascript framework for building steam gauge instrument panels that display live external metrics from flight (or other) simulators like XPlane or MS FS2020
44 lines (39 loc) • 864 B
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="icon" href="material-speed-32.png">
<style>
div.header {
text-align: center;
font-size: 250%;
margin: 15px 0;
}
svg {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<div class='header'>g3.contrib gallery</div>
<div id='gauge-gallery'></div>
<div class='header'>g3.pointers gallery</div>
<div id='pointer-gallery'></div>
<script>
window.process = {
env: {
NODE_ENV: 'development'
}
}
</script>
<script type='module'>
import * as g3 from './g3-contrib.js';
// A panel with all contrib gauges
g3.gallery.contrib('#gauge-gallery');
//g3.gallery.contrib.url('http://0.0.0.0:8000/metrics.json')('#gauge-gallery');
// A panel showing all the pointer shapes
g3.gallery.pointers('#pointer-gallery');
</script>
</body>
</html>