A node notes feature request for graph and flowchart
See original GitHub issueWhile some types of Mermaid diagrams explicitly support notes, I don’t know why graph and flowchart don’t support, I have a habit to make such graphs, and I currently use drawio to draw it:
An awkward workaroud
The current mermaid is difficult to implement Description1
. This is my current solution from here:
graph TB
A -->|"Description2:A how to B"| B --> C
A ---|"Description1:Properties of A"|A
B --> D
D -.-> F
F ---|"Description1:Properties of F"|F
C -->|"Description2:C how to F"| F
F --> H & G & K
H --> M
G & K -.-> M
linkStyle 2,5 stroke:#fff,stroke-width:0px;
But I have to say this solution to implement Description1
is little awkward, It has some defects:
- Hard to compute the number of this edge when there are many edges
- This solution will seriously affect the layout of nodes
- It is very not convenient to distinguish
Description2
with differentcss
styles
Suggestion
I think what I need is a node notes feature, such as note right of A: "Description1 Properties of A"
? I strongly suggest to add this feature for graph and flowchart
Issue Analytics
- State:
- Created 2 years ago
- Reactions:7
- Comments:6
Top Results From Across the Web
Using GraphEdit and GraphNode to create flow charts
On this first video I cover the basics and the quirks that these nodes have.Part 2: https://youtu.be/AX5pN3mwfBcThe code for this tutorial ...
Read more >How to add this type of node description by Mermaid?
While some types of Mermaid diagrams explicitly support notes (e.g. sequence diagrams), flowcharts do not. I believe the closest you're ...
Read more >Ultimate Flowchart Guide 2022: Definition, Examples ...
Flowchart 101 - All you need to know: What is a flowchart, history, how to make, flowchart symbols, examples & templates. Presented by...
Read more >Node Graph for Document Links - DEVONthink
That tool leverages this awesome capability of a graph to filter based on graph properties. I am experimenting with my notes from Devon...
Read more >20+ Flow Chart Templates, Design Tips and Examples
Flow charts are perfect to use in project plan templates, ... some of our templates are free to use and some require a...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
A workaround I’ve used for this is to use subgraphs with unlinked nodes with no style:
NB: I switched from
graph
toflowchart
Your difficulties can be solved by a note feature of node , which meets your needs with beautiful layout @Juddd