Comments (4)
@sivarasan-sph thanks for reaching out.
It's difficult to say without more context, so if you still need more dedicated help it's better if you create a simple example with your issue.
It looks like in this case you are updating the source
/target
attributes with timestamps instead of node links or ids?
Another thing you can try is using different source
/target
attribute names, via the linkSource
/linkTarget
props, so that it doesn't conflict with the inner attributes of the component.
from react-force-graph.
@vasturiano unfortunately i'm having a similar issue, please let me know if for you is better have 2 different issues, but it's happening on a 2D Graph.
I have a button to hide a node, (with all the nodes and all the links no more needed), but as i update the list of nodes and links, other links will disappear.
I double checked the list of nodes and links and it appear absolutely perfect.
As i show again the deleted node, so i put it back with all the needed links and nodes, also the other links will be showed again.
Dragging a "detached" node i see the link is still working, so it seems to be only a visualization problem.
It happens not only on "large" set of data, but it can happen also in a graph with more of less 10 nodes and links.
I'm using:
Browser: google chrome version 121.0.6167.139 (Official Build) (64-bit)
Os: Ubuntu 22.04.3 LTS
from react-force-graph.
@Nek97 could you please create a simple repro example? It's difficult to diagnose this without deeper context into your data structure changes.
from react-force-graph.
Also having this issue!
from react-force-graph.
Related Issues (20)
- Three Js Dependency issue HOT 1
- dag mode + custom node shapes
- When nodeThreeObject is used, three-spritetext gives an error HOT 1
- Add a minimap to visualize one's locatin in huge graphs HOT 2
- graphRef.current.cameraPosition undefined
- Attempting to implement instancing for edges + nodes
- Problem integrating react-force-graph-2d in a react with TypeScript project HOT 1
- Cannot use import statement outside a module for react-kapsule from react-force-graph-2d HOT 4
- How to implement cluster area with nodes inside?
- Expanded nodes by default when rendering HOT 4
- Attempted import error: 'AmbientLight' is not exported from 'three'. HOT 1
- "Highlights" example not working for me HOT 4
- Unable to Display Node Text in Stage Environment? HOT 1
- Can't access node position in nodeThreeObject HOT 7
- DOMException on CustomElementRegistry when using multiple modules HOT 2
- enable zooming, panning and rotating separately for 3d graph HOT 1
- how to prevent endless re-rendering? HOT 1
- How to draw curved lines between nodes HOT 2
- Any ideas how to implement curved connections as on screenshoot HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-force-graph.