search

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.61k stars 1.17k forks source link

Auto layout Graph with animation #657

Closed Harshmakadia closed 3 years ago

Harshmakadia commented 4 years ago

Hello there,

I'm using dagre library for auto-layout of the graph, but there is no animation support for that library so I was checking other libraries that can be used for auto layout with animation and I found this

Option 1 cytoscape.js-dagre How can I used that along with react-diagrams?

Option 2 Animated node moves using GSAP Example - http://projectstorm.cloud/react-diagrams/?path=/story/3rd-party-libraries--animated-node-moves-gsap How can I integrate this with dagre library?

aquarius-wing commented 4 years ago

Thank you! It's helps me a lot!!!

Harshmakadia commented 4 years ago

@Wing-Lo Did you find some solution to this?

dylanvorster commented 3 years ago

I think there is an animation demo for this in the demo-gallery

knightswatch3 commented 3 years ago

Look for cytoscape react library. It's pretty easy to incorporate.