3d-force-graph | 3D force-directed graph component using ThreeJS/WebGL | Graphics library

I only know javascript from a web browser perspective but I need to display data online in the way this web component does: https://github.com/vasturiano/3d-force-graph

The thing is that the setup instructions there aren't newbies friendly at all. It assumes some basic to advanced knowledge. So I made some research and even though everyone talking about the component say it's very easy to implement, none of them say how.

I kind of presume that there must be some javascript server involved (node.js ?). That Three.js and d3-force-3d must be imported (somehow, somewhere). But that's it. I'm not even sure it's enough. But I just can't figure out how to setup the whole thing so that I can run one of those scripts.

So, can anyone just give me hints, at a newbie level, so that I can work my way through using those scripts? Because at this point, I'm willing to search but I don't know what to search for exactly. I'm lacking the big picture while the info in the link are very particular and not very thorough.

I searched the web for two days but there is not much to find about 3d-force-graph and there is zero info on how to set it up.

All I need is a bridge in terms of info, so that these scripts can be set up and run (with custom data) by a non expert. I mean what environment, what libraries/dependencies, what to import, how to import, etc. Not necessarily in details as any help would be a good starting point.

Thank you.

I see this related solution D3js Force Directed Graph Link not found

yet I get the error in the title - "VM2128 d3-force-3d:2 Uncaught Error: node not found: golfing_4_1"

I'm making an application where a viewer can use a dat.gui menu to update their Three.js animation. Specifically, I'm using 3d-force-graph.

When the users makes a change, I do the following:

1. swap the old .json runnning their animation with the new one required to render their choice
2. run a function called vertexControl which changes the nodes of their new animation (e.g., color change).

Simple example:

I have this react app I want to dockerize. But the problem is, even though I tried, it doesn't work. But it works pretty well locally

This is how the current directories look like:

I am working on a 3D force-graph visualisation and I'm using the great library:

https://github.com/vasturiano/3d-force-graph

I would like to try to get some sort of glowing effect on the nodes of the force-graph and I was having a look at something like this to accomplish it, but it is proving a challenge:

https://github.com/jeromeetienne/threex.geometricglow

So far I only have the ability to add new shapes and texture them. I have also added text sprites that follow the nodes, so I suspect an approach that combines these two might be possible. See below the code.

Adding a glow effect or texture to this base code would also be very helpful:

https://github.com/vasturiano/3d-force-graph/blob/master/example/async-load/index.html