Comments (9)
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position.
I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position. I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
Could you show me your code? Maybe it's a better way to find problems
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position. I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
Could you show me your code? Maybe it's a better way to find problems
I wont be able to share the code.
I give one example of it
https://codesandbox.io/s/react-d3-graph-demo-forked-d3oq0r
https://codesandbox.io/s/react-d3-graph-nodes-position-reset-dezzs
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position. I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
Could you show me your code? Maybe it's a better way to find problems
I wont be able to share the code. I give one example of it https://codesandbox.io/s/react-d3-graph-demo-forked-d3oq0r https://codesandbox.io/s/react-d3-graph-nodes-position-reset-dezzs
You can open this sandbox link. https://codesandbox.io/s/react-d3-graph-nodes-position-reset-forked-u85zuu?file=/src/App.js
I just replace handleRefChange with React.useRef and it can make you graph look like cluster.
And I don't know the reason for why each node appears in different position when data updates, maybe I need some time to find.
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position. I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
Could you show me your code? Maybe it's a better way to find problems
I wont be able to share the code. I give one example of it https://codesandbox.io/s/react-d3-graph-demo-forked-d3oq0r https://codesandbox.io/s/react-d3-graph-nodes-position-reset-dezzs
You can open this sandbox link. https://codesandbox.io/s/react-d3-graph-nodes-position-reset-forked-u85zuu?file=/src/App.js I just replace handleRefChange with React.useRef and it can make you graph look like cluster. And I don't know the reason for why each node appears in different position when data updates, maybe I need some time to find.
ok still the same behavior.
if we assign the data to a state is that causing issue?
const [data, setData] = useState([]);
from react-d3-graph.
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesnt appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
@danielcaldas I am trying the load the graph but each time the animation is lost . I am using this https://danielcaldas.github.io/react-d3-graph/sandbox/index.html?data=marvel It doesn't appear as cluster instead the nodes are appearing in different places
Could you give an example on Sandbox?
when the data changes it is loading in different positions. It is not loading like clusters instead it is appearing very far
Does the shape look like a circle?
no it looks scattered .Each time when it is loading it takes different position. I am expecting looking like cluster as in the below example.But it doesnt appear when there is dynamic data
Could you show me your code? Maybe it's a better way to find problems
I wont be able to share the code. I give one example of it https://codesandbox.io/s/react-d3-graph-demo-forked-d3oq0r https://codesandbox.io/s/react-d3-graph-nodes-position-reset-dezzs
You can open this sandbox link. https://codesandbox.io/s/react-d3-graph-nodes-position-reset-forked-u85zuu?file=/src/App.js I just replace handleRefChange with React.useRef and it can make you graph look like cluster. And I don't know the reason for why each node appears in different position when data updates, maybe I need some time to find.
ok still the same behavior.
if we assign the data to a state is that causing issue? const [data, setData] = useState([]);
Maybe it is because of useState. You can check my new node below the link.
https://codesandbox.io/s/react-d3-graph-nodes-position-reset-forked-u85zuu?file=/src/App.js
This time I add a key on the root container, when graph data is ready, I'm gonna to update key to force the component to render again, then it looks normal.
from react-d3-graph.
Related Issues (20)
- Graph looks different with same data HOT 3
- I need a way to set the transofrm state that controls the position of the graph (which gets called on dragging the graph)
- Support react v17 and v18 HOT 1
- Console error while dragging and zooming the graph HOT 2
- Tooltip for Nodes HOT 1
- Show/Hide Label on click and pass a Label component
- High severity vulnerability with dependency
- Unable to make it work with react 18.2.0
- How to make the nodes LIVE/interactive HOT 2
- Initial Positioning issue & Animation Stops working after few moves HOT 1
- How to handle UNSAFE_componentWillReceiveProps ?
- Can we persist the graph (node positions and links ) ?
- Module not found: Can't resolve 'd3-drag' in Next.js
- Working with react 17.0.2
- Separate Labels from Links and Nodes HOT 1
- Link forces or distances
- minimal usage example in doc doesn't work properly
- Dragging Node causes nodeList is undefined error
- Runtime error while trying to zoom in/out the graph.
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-d3-graph.