Mermaid: Note in flowchart diagram

Created on 11 Apr 2019  路  8Comments  路  Source: mermaid-js/mermaid

is it possible to add some note in flowchart diagram ?
It's possible a with gantt diagram

Flow Help wanted! Approved Enhancement

Most helpful comment

@gianpaj Note that the suggestion was to use a similar syntax to PlantUML's state diagrams for the development of the feature. Not for you to use state / sequence instead of flowcharts.

All 8 comments

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

It is not possible right now. What kind of not do you mean? I can see general notes to be placed anywhere and notes related to some node, then that relation needs to be defined.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you are still interested in it, and it is still relevant, you can comment or remove the label to revive it.

I would be great to put a note beside any decision or square.

For example to use a smaller space:

graph TD;

    Buyer -->|press buy| Product
    Product --> Shared{Has Been Shared}
    Shared -->|No| D[Show message saying 'Invite your friends to chat on Onova' Ok or Cancel]
    Shared -->|Yes| ProductAvailable{Product is Available?}

On Shared -> No I want to give more context.

Screen Shot 2019-09-30 at 15 18 01

This could be implemented by creating a hidden subgraph with two nodes, the actual node and the node with the note.

I would suggest synax similar to notes in plan uml state diagrams.

Product --> Shared{Has Been Shared}
note left of Product : this is a short<br />note

note right of Product
  A note can also
  be defined on
  several lines
end note

State or Sequence Diagram wouldn't make a lot of sense for me. I have few code paths I'm trying document and, for example, this is just the beginning:

Screen Shot 2019-09-30 at 22 08 57

@gianpaj Note that the suggestion was to use a similar syntax to PlantUML's state diagrams for the development of the feature. Not for you to use state / sequence instead of flowcharts.

No activity on this for a while (understandably), just wondering if still the case that we'd need to use a workaround? Have used the syntax that @knsv describes in plantuml.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lth946965333 picture lth946965333  路  3Comments

init-dcat-ap-de picture init-dcat-ap-de  路  3Comments

michaeltlombardi picture michaeltlombardi  路  3Comments

yk-liu picture yk-liu  路  4Comments

mestaritonttu picture mestaritonttu  路  3Comments