hello, would anyone have an idea of how to create something similar to the attached image? [image] there’s a gif here it’s generated using a really outdated software called Walrus - Graph Visualization Tool . i was wondering if there are ways to do something similar using THREE, i did start somet…

Do you have the code used to generate that specific gif? I would start by looking at that and seeing if you can translate it to three.js.

@looeee no sadly not, that’s just an example from their site, the specifications for compiling data sets for the software look very specific… Only directed graphs are supported . Only connected graphs with reachable nodes are supported. A meaningful spanning tree is required. Only LibSe…

I have however, found this… http://davidpiegza.github.io/Graph-Visualization/index.html There was also a post on here a few months ago that showed a three js tree shaking visualisation and a three js folder / resources size graph, it was 2D but still very interesting to see a visual layout of fold…

[image] Lawrence3DPK: Only directed graphs are supported . Only connected graphs with reachable nodes are supported. A meaningful spanning tree is required. This is not too cryptic, it’s graph theory language. If you Google “directed graph”, “connected graph”, spanning tree" you’ll find defi…

[image] looeee: This is not too cryptic, it’s graph theory language. If you Google “directed graph”, “connected graph”, spanning tree" you’ll find definitions for these. They’re all quite simple concepts. ok, agreed, i’ll do some reading on this, i wasn’t familiar with the terms thank you @lo…

[image] Lawrence3DPK: Array Tree Graph Example Nice, it’s looking good. Very clean :+1: You graph is already a connected graph (no unconnected/orphan points) and a spanning tree (every connected tree graph is a automatically a spanning tree). If you were to put arrows on the lines it would b…

Thank you, it’s very primative at the moment, just my mind trying to make sense of a starting point. [image] looeee: You graph is already a connected graph (no unconnected/orphan points) and a spanning tree (every connected tree graph is a automatically a spanning tree). OK, that makes sense…

Update… i managed to compile and install a version of Caida Walrus… [image] it imports .graph file type which i’ve tried to read up on and find examples of but with no luck as of yet… here’s the .graph file from in the image above… champagne.graph (448.1 KB)

Hi @Lawrence3DPK I see that the question is old, but if you still need, maybe this repo can be for you [image] GitHub - vasturiano/3d-force-graph: 3D force-directed graph component using... 3D force-directed graph component using ThreeJS/WebGL - GitHub - vasturiano/3d-force-graph: 3D f…

@Lawrence3DPK – I am attempting to use Walrus, but am stymied by the build process. Could you (are you willing to take the time to) provide details of how you managed to compile and install a version of Caida Walrus? Per the Caida web site, Walrus isn’t supported there any more, but there is a poi…

Procedural data visualization within sphere

Questions

alessandro_guarino February 4, 2022, 1:54pm 10

Hi @Lawrence3DPK
I see that the question is old, but if you still need, maybe this repo can be for you

Topic		Replies	Views
Graph Visualization Questions infoviz	2	2240	June 22, 2018
Can I use three.js for network visualization? Questions data-visualization , infoviz	6	9546	December 18, 2019
Graphisual: Interactive Graph Visualizer with a 3D Mode Showcase react , interactive , react-three-fiber , r3f	2	369	January 30, 2026
Looking for Three JS expertise for Knowledge Graph Visualisation Jobs	8	444	February 28, 2025
A 2D/ 3D graphing engine powered by Three.js as an alternative to D3.js Questions	2	480	April 2, 2025

Procedural data visualization within sphere

Related topics