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/...

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit