Visualizing in VR using A‑Frame and D3
I was interested in seeing what a compelling visualization in 3D, and by extension in VR, might look like. In this demo, titled Where is Piers Morgan disliked the most?, one learns about various cities by exploring a terrain. The fake data is encoded using elevation at the city level. Turning your head, which you can either do with a headset or by clicking and dragging your mouse, and looking at a mound of black sand provides some insight into that city.
The scene is done in A-Frame, the contour plot was generated in conrec.js and is updated in plain JavaScript. Everything else is D3 and JavaScript. You can take a look at the source code to see how everything is put together. Though still very much an amateur with WebVR, I'm liking the great breadth of possibilities that the platform affords. If you have any questions, feel free to reach out.