a quick experiment with looking at curved images of d3 visualizations in browser VR.
adapted from this example at aframe.io
the bl.ocks you see are a few recent ones from @mbostock, to wit:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Curved Images</title>
<meta name="description" content="Curved Images - A-Frame">
<script src="aframe.js"></script>
</head>
<body>
<a-scene>
<a-curvedimage src="chained-transitions.png" radius="5.7" theta-length="180" height="9"
rotation="0 90 0" scale="1.2 1.2 1.2"></a-curvedimage>
<a-curvedimage src="star-map.png" radius="5.7" theta-length="17" height=".36"
opacity="0.2" rotation="0 250 0" position="0 2 0"></a-curvedimage>
<a-curvedimage src="treemap.png" radius="5.7" theta-length="72" height="2.6"
rotation="0 80 0" position="0 0.7 0" scale="0.6 0.6 0.6"></a-curvedimage>
<a-curvedimage src="werner.png" radius="5.7" theta-length="70" height="3.02"
rotation="0 -130 0" scale="0.8 0.8 0.8"></a-curvedimage>
<a-image position="0 -5 0" src="../_images/radial-shadow-2.png"
rotation="-90 0 0" scale="6 6 6"></a-image>
<a-sky color="#fff"></a-sky>
<a-camera position="0 1.8 1.5"></a-camera>
</a-scene>
</body>
</html>