DEV Community

Cover image for React flowchart application
Raj Kamal
Raj Kamal

Posted on

2

React flowchart application

I have been trying to make this flowchart application where I can add events on button click. But I am having a tough time in finding out how will I connect the child nodes to the parent by straight lines as shown in the image. I will appreciate some suggestions. Thank You

Top comments (2)

Collapse
 
krishcomments profile image
Krash

Great post! Building a flowchart application with React sounds like a fun project. If you're looking to expand your flowcharting features further, you might want to consider integrating a tool like Creately. It offers easy-to-use flowchart templates and allows for collaboration, which could help you scale your application even more. Keep up the great work!

Collapse
 
johnrobbjr profile image
John Robb

I know I'm 3 years late, but I think React Flow is what you're looking for, here's an example that does just what you're talking about: reactflow.dev/docs/examples/edges/...

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay