Ad

How Can We Draw A Flowchart Diagram In An React Application?

- 1 answer

In an react application i need to draw flowcharts like below example .The diagram is drawing based on json data. Is there any npm packages or any java script library for solving this .

enter image description here

Ad

Answer

You can use flowcharJS. flowchart.js is a flowchart DSL and SVG render that runs in the browser and terminal. You can draw a really complex chart with this

An example is here and the library repo is here

In a react app, use react-simple-flowchart which based on flowchart.js. The integration is straightforward

install through npm :

npm install react-simple-flowchart

And include in your project:

import Flowchart from 'react-simple-flowchart';

full documentation and usage information here

There are couple of other libraries :

Mermaid

js-sequence-diagrams

Good Luck

Ad
source: stackoverflow.com
Ad