365 questions
0
votes
0
answers
77
views
Mermaid syntax not rendering correct
I have following Mermaid diagram but does not render correctly when saved in .md file in vs code . is it due to tags or html chars?
i tried to change different settings in vscode and install mermaid ...
- 11
Advice
0
votes
0
replies
12
views
Formatting the transition labeling of a state diagram
In mermaid I build this simple state diagram
The code of the state diagram (which you can enter here):
---
config:
themeCSS: |
#edge0, #edge1, #edge2 { stroke: red; stroke-width: 2px; }
---
...
- 555
0
votes
0
answers
85
views
How to decrease link length between nodes in nested subgraphs?
I design a svg diagram with Mermaid and I want to shorten the link between C and D (Smart Processing and Templating Layer). It seems that there is enough space to reduce it. However, because of the ...
- 968
Advice
0
votes
0
replies
68
views
Align subgraphs in a mermaid flowchart
I would like the subgraphs of the following flowchart in mermaid to be centered, so that they all fall in the same vertical line.
%%{init: {"flowchart": { "htmlLabels": false}, '...
0
votes
0
answers
55
views
Inline math in unordered list for Mermaid diagram
I am trying to render inline math in an unordered list for a simple mermaid diagram:
graph TD
A("<ul>
<li>$$x$$ item1</li>
<li>item2</li>
</ul>")
I ...
- 6,127
0
votes
0
answers
61
views
Is there a way to have a box include "created" participant?
I'm trying to write a sequenceDiagram containing:
A box (The box)
A participant outside the box (Out)
A participant inside the box (In_A)
And then during the sequence, create a new participant that ...
- 888
0
votes
1
answer
128
views
Mermaid JS state transition diagram - state transition text not on any transition line
I am creating a Mermaid JS state transition diagram. Why is there an orphaned state transition block that is not on top of a state transition line? Zoom in to the top left (or search) to see the ...
- 171
0
votes
1
answer
48
views
Two peer clients calling one server with origin-based handling (can clients be stacked vertically?)
In Mermaid sequenceDiagram, participants render side-by-side. I need two peer clients on the left and a server on the right; the server handles requests based on the request origin.
Q: Can I stack the ...
- 6,452
2
votes
0
answers
233
views
Mermaid Diagram - Text too small / diagram growing left to right / How to fit on 8.5 x 11 paper?
Here is the Mermaid diagram that I am working on:
https://playcode.io/2551447
Code is also below.
I have anonymized the content.
My goals are
I want it to be printed on copier paper (around 8.5 x 11),...
- 171
1
vote
0
answers
81
views
How to draw a Hidden Markov Model (HMM) in Mermaid?
I’m trying to represent a Hidden Markov Model (HMM) diagram using Mermaid inside a Quarto/Markdown document.
What I would like:
Hidden states $X_1, X_2, \dots, X_n$ in filled circles connected in ...
- 399
0
votes
0
answers
133
views
How can I achieve a radial layout in Mermaid?
I am trying to build a Turtle diagram, using Mermaid. I was able to get very close (image below). However, I am not able get a radial layout - all nodes should surround 'Process' in a circular manner.
...
1
vote
0
answers
356
views
How to escape special characters in mermaid erDiagram?
How do I escape the comma in the following ER diagram definition
erDiagram
EXAMPLE {
num(2,20) columnNameA
typeB columnNameB
}
- 31
1
vote
1
answer
738
views
How to make a gantt chart wider in mermaid in obsidian
I'm writing a story using obsidian as a text editor. (It's great. I tried following a tutorial and now it's uploaded to Git in perpetuity on all my devices). But now I need to make a timeline for ...
- 11
3
votes
1
answer
1k
views
Specify arrangement of Mermaid subgraphs
I'm trying to create a swimlane chart, using Mermaid flowcharts with subgraphs.
Is there a good way to arrange the subgraphs in a set order?
For instance I'd like the subgraphs to display A, B, C:
<...
- 3,510
6
votes
6
answers
6k
views
Mermaid.ink Timeout Error When Using Short Node Name in langgraph Diagram
I’m using langgraph in a Jupyter notebook to build a simple state machine and then render the graph with Mermaid via mermaid.ink. In one snippet of code, naming the node "A" causes a timeout ...
- 2,512