![create flowchart easily](https://private-user-images.githubusercontent.com/68682076/274936262-a96c5f03-faff-47bf-b444-6c8a0e900bf7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMDI4NjYsIm5iZiI6MTcyMDAwMjU2NiwicGF0aCI6Ii82ODY4MjA3Ni8yNzQ5MzYyNjItYTk2YzVmMDMtZmFmZi00N2JmLWI0NDQtNmM4YTBlOTAwYmY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDEwMjkyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlhZThmOWNjNDlhMzg0MzkxOTZlZWQ4ZTgyOTFlOWU0MTY1NjhkMzZiYmUzNTQzNWI0NzQyODU4Mzc0YWRlNTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xSf84xyZGzCluYKd3FJKNnYzAY03M1lYv_xb_87BThc)
This project is inspired by mermaid.js. This is a JavaScript package that automatically generate svg flowcharts based on user's input text.
npm install cavalcader
https://cavalcader-js.vercel.app
Node defineition:
(source1)
<source2>
[source3]
Create relationship:
(source) => <Operator> => [sink]
(PersonA) <=> (PersonB)
(PersonA) === (PersonC)
Example graph syntax:
LR:
(source) => <operator1> => [sink1];
(source) => <operator2> => [sink2];
(source) => <operator3> => [sink2];
[sink1] => (database);
[sink2] => (database);
Output:
![Result output](https://private-user-images.githubusercontent.com/68682076/274935613-781e57db-9351-4a00-a807-b134e1e016d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMDI4NjYsIm5iZiI6MTcyMDAwMjU2NiwicGF0aCI6Ii82ODY4MjA3Ni8yNzQ5MzU2MTMtNzgxZTU3ZGItOTM1MS00YTAwLWE4MDctYjEzNGUxZTAxNmQwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDEwMjkyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU4YWE2ZjhhM2Y2OTQwNTlkYWE0MDEzMzE5ZTZhMTg1ZmUxNTA4YmZhMzc0MTY1MmMyYmJjNjQyZGNjNjY0YmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.k9joiXw8dikQbv5Hri93kavhpGYIRwBmvr4NsyZM70s)
Download the git repo and install the dependencies using npm i
.
Start local development by
cd example
npm install
npm run dev