-
-
Notifications
You must be signed in to change notification settings - Fork 6.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Note in flowchart diagram #821
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 |
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.
|
@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. |
@frackham you are correct, Notes are currently not supported in flowcharts. |
Just wanted to verify that notes still aren't supported in flowcharts? It would be really handy, but I can see there isn't much activity on this thread so I get if it hasn't been looked at. |
Notes would be great for flowcharts! |
Would love the same notation herein: https://mermaid-js.github.io/mermaid/#/sequenceDiagram?id=notes to be available in a flowchart |
This is probably not really a good idea, but (in Notion's Mermaid plugin, at least) you can just use HTML:
|
I'd like to be able to use notes as well |
+1 |
What would it take to make this enhancement @knsv , happy to take a crack at a PR! If you have pointers on the code path or example to follow that would be great. I saw earlier your suggestion of making a hidden subgraph. Where in the code should I have peak? |
I think footnote notation could be the play. That way you can annotate with a |
@skbolton 's idea of footnotes allows for a lot of annotation without clutter. Adding notes like in the sequence diagram doesn't allow room for extended comments. It would be great if the footnote links could be in markdown syntax that could be included anywhere in the diagram. |
bump |
+1 |
Circling back on this. It seems that some of the note features of class diagrams are what I was suggesting with the footnote approach. I was new to mermaid and had only used flow charts. If there was the option of adding links to flowcharts it would be possible to link to another place in the document where footnotes could be located. |
This feature would be super useful. E.g. right now I'm looking at a complex flowchart. I want to leave notes on it, about questions I want to ask a colleague in a few days. I really think folks would find this feature very useful. |
yup, would be a really useful feature to make graphs more understandable instead of having graph + legend with few words |
I'm adding my +1. |
+1 🙏 |
This would be very useful +1 |
Adding my +1 here as well |
I would also love notes in flowcharts. |
I've travelled through time and space to land here for this feature |
This is what I've come up with so far as a workaround:
graph TD
style noteB opacity:0
A --> B
A & B --> C
subgraph noteB [" "]
B -.- note[I AM NOTE]
end
|
I am working on this right now |
FYI - in practice this is probably going to end up looking a lot like the workaround posted by @eugenenekh, though the syntax will be along the lines of "note for nodename |
You know... after this many years, I think we get what we get. :-) Thank you for your work. |
Any movement on this? Sorry to beg! |
Following your idea I created another alternative
graph TD
classDef sub opacity:0
classDef note fill:#ffd, stroke:#ccb
A --> B
A & B --> C
subgraph subA [" "]
A
noteA[I AM THE FIRST NOTE]
end
subgraph subB [" "]
B
noteB[I AM THE SECOND NOTE]
end
subgraph subC [" "]
C
noteC[I AM THE THIRD NOTE<br>...WITH 2 LINES]
end
class subA,subB,subC sub
class noteA,noteB,noteC note
|
Great answer @erivanmoura |
mark it! it's cool |
Any updates? I know there is a plan on universal syntax for a bunch of similar diagrams, should we wait for it or will this feature be implemented regardless of other plans? |
Came here looking for this feature! Yes please! |
Hey, was wondering if there's been any movement on this one? Notes with flowcharts would be so handy |
is this possible now? |
is it possible to add some note in flowchart diagram ?
It's possible a with gantt diagram
The text was updated successfully, but these errors were encountered: