adrai / flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram
http://flowchart.js.org/
MIT License
8.54k stars 1.21k forks source link

Three parallel lines from start #233

Closed SudhirFaurecia closed 2 years ago

SudhirFaurecia commented 2 years ago

Can we have 3 parallel task from start? image

adrai commented 2 years ago

no

SudhirFaurecia commented 2 years ago

Please suggest if there any other way (or library) to achieve this. My project is in .net core and want to show process flow there are many if else blocks used to show the para1, para2, para3 etc

adrai commented 2 years ago

Sorry, I don't know.

SudhirFaurecia commented 2 years ago

This is the result I created till now. Only issue here is I am not able to generate the red line image

Code:

                      st=>start: START
                    start=>parallel: -_-
                    end=>end: END
                    ldm=>operation: Leather Defect Marking
                    spreadcncroll=>operation: Spreading rolls and CNC cutting roll material
                    scannest=>operation: Leather scanning and nesting /CNC cutting real leather
                   stapling=>operation: Stapling
                    cooling=>parallel: Cooling process

                    st->start
                    start(path1, bottom)->ldm->leathersplit->finecutleather->end
                    start(path2, right)->spreadcncroll->stapling->end
                    start(path3, left)->scannest->cooling->end
                    cooling(path4,bottom)->finecutleather
adrai commented 2 years ago

This works:

st=>start: START
start=>parallel: -_-
end=>end: END
ldm=>operation: Leather Defect Marking
leathersplit=>operation: Leather splitting
spreadcncroll=>operation: Spreading rolls and CNC cutting roll material
finecutleather=>operation: Fine cutting leather
scannest=>operation: Leather scanning and nesting /CNC cutting real leather
stapling=>operation: Stapling
cooling=>operation: Cooling process

st->start
start(path1, bottom)->ldm->leathersplit->finecutleather->end
start(path2, right)->spreadcncroll->stapling->end
start(path3, left)->scannest->cooling->end
cooling(path4,bottom)->finecutleather
SudhirFaurecia commented 2 years ago

I am sorry but I can't see any change in my code and your code. Could you please highlight what made it work.?

adrai commented 2 years ago
image

https://www.diffchecker.com/ydPjaANg

SudhirFaurecia commented 2 years ago

Thank you @adrai