I’m investigating technologies useful for the following project. I want to display a piece of text, such as an article, in the browser. I want clicking on a link to another article to display the second article on the same page, together with the first, with a line drawn from the link to the second article. I want that to be extensible into a large network which can be traversed, ideally in free-cam motion. Importantly, I want the text to be selectable.

I don’t think three.js is the right solution. It uses WebGL and makes glyphs of text, which are not selectable (or are with an over-engineered work around).

The closest I have found is Niekes/d3-3d and sghall/d3-threejs, both of which use D3.js (network vis. software, I believe primarily in 2D) while incorporating 3D CSS Rendering (d3-threejs utilises the CSS 3D Rendering engine from three.js). However d3-threejs’s demo (npm start the repo) has glyph text, and d3-3d has no examples of plaintext.

I understand I might have to build my own engine. Does anyone have experience with this problem, or can point me to a pre-existing engine or suitable solution?