Arrowed rectangles for Robotics Flow Chart

jesuslalvaro commented 4 years ago

Is your feature request related to a problem? Please describe. Hi, My name is Jesus and I teach Robotics. I find very useful arrowed rectangles shapes for flowcharts representing input/output operations. I've been using this very descriptive diagrams for years and my students understand algorithms much better.

Describe the solution you'd like

%% Better syntax including in/out labels
graph TD
    A(Robotics input and output shapes)
    B{input>rect_left_inv_arrow]}
    C{[rect_left_inv_arrow>output}
    A --> B
    B --> C

Describe alternatives you've considered A simpler solution without labels and this syntax

%% First proposed syntax
graph TD
    A(Robotics input and output shapes)
    B>rect_left_inv_arrow]
    C[rect_right_arrow>
    A --> B
    B --> C

Additional context Thanks for developing this project and for considering this proposal

vantoan8x commented 4 years ago

Dear @GDFaber,

is this propsal come true?

Regards, Tom.

GDFaber commented 4 years ago

I'm sorry but I don't have the time to investigate, even though this would be a nice task to do and a great new feature. But I'm too busy doing other things at the moment. I'm unassigning me to avoid the issue from being blocked any longer.

machow commented 2 years ago

It seems like the main places where changes would be needed are (using the one implemented shape "odd" as an example)...

parser: https://github.com/mermaid-js/mermaid/blob/develop/src/diagrams/flowchart/parser/flow.jison#L397-L398
case statement connecting parser to shapes: https://github.com/mermaid-js/mermaid/blob/develop/src/diagrams/flowchart/flowRenderer-v2.js#L101-L102
shapes file: https://github.com/mermaid-js/mermaid/blob/develop/src/diagrams/flowchart/flowChartShapes.js

mermaid-js / mermaid

Arrowed rectangles for Robotics Flow Chart #1375