Built with blockbuilder.org
The RAVE project data visualisation test: https://www.rave-survey.org/project/
license: mit |
Built with blockbuilder.org
The RAVE project data visualisation test: https://www.rave-survey.org/project/
<!DOCTYPE html> | |
<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> |