Built with blockbuilder.org
The RAVE project data visualisation test: https://www.rave-survey.org/project/
xxxxxxxxxx
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; background-color: white;}
</style>
</head>
<body>
<a-scene antialias='true'>
<!-- Camera with customized cursor -->
<a-camera position="0 1.8 0" cursor-visible="true" cursor-scale="2" cursor-color="#4CC3D9" cursor-offset="2" cursor-maxdistance="100" cursor-opacity="0.5" cursor-fuse="true"></a-camera>
<a-light color="#da47da" position="0 5 0" type="ambient"></a-light>
<a-entity camera look-controls wasd-controls></a-entity>
<a-entity light="type: point; color: #EEE; intensity: 0.5" position="0 3 0"></a-entity>
<a-plane rotation="-90 0 0" position="0 0 -1" width="4" height="4" color="black"></a-plane>
<!-- Sky -->
<a-sky color="#c8f8e0"></a-sky>
</a-scene>
<script>
var scene = d3.select("a-scene");
</script>
</body>
https://d3js.org/d3.v4.min.js
https://aframe.io/releases/latest/aframe.min.js