Node graph visualization based on the great Mike Bostock's block
https://react-d3-lac.vercel.app
This is an experimental project try to "marry" two of the most popular front end frameworks (alright, React is not a framework 😑)
framer-motion proved to be great for managing the animation part
- React: 17
- D3: 6 (Actually using the latest versions of d3-hierarchy & d3-shape)
- framer-motion: 4.1
- vercel
The exit transition is heading towards the parent's current position and not the source's new position (source is the Node that's being clicked and triggers the collapse event).