@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
30 lines (28 loc) • 691 B
HTML
<html>
<head>
<style>
div.header {
text-align: center;
font-size: 250%;
margin: 15px 0;
}
svg {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<script src="https://unpkg.com/@patricksurry/g3/dist/g3-contrib.min.js"></script>
<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>
// A panel with all contrib gauges
g3.gallery.contrib('#gauge-gallery');
// A panel showing all the pointer shapes
g3.gallery.pointers('#pointer-gallery');
</script>
</body>
</html>