React Flow Chart Library [closed]

Question

I need a flow chart library, that can help me to create a flow chart as shown below in React. Would really appreciate if a link for similar demo is added.

Answer 1

You can use https://github.com/projectstorm/react-diagrams, here is the link to its demo.

The view of the implementation looks very similar to the one you mentioned in the pic given. Also since it says it's customizable, you can make it look like according to your requirements

Answer 2

Syncfusion have support to create a diagram with custom shapes , Label and Port to Port Connection in React. Please find the online samples of Syncfusion Diagram. We have created flow diagram which is similar to the provided screenshot.

Please refer to the sample from the below link:

Sample link: https://codesandbox.io/s/wkvjjopv18

You can also create a label for the node or connector by using annotation property. Please find the below link for how to add label to the node or connector

Link: https://ej2.syncfusion.com/react/documentation/diagram/labels#create-annotation