Mermaid is a markup language for generating diagrams and flowcharts.
Mermaid allows for generation of diagrams and flowcharts from text in a similar manner as markdown.
You can check its Usage, Flowchart syntax and Sequence diagram syntax.
Questions tagged [mermaid]
273 questions
0
votes
1 answer
Using MermaidJS in a Cognos Analytics 11 report
I'm trying to build a dynamic gantt chart in my Cognos 11 report using MermaidJS but it keeps returning the error: "Uncaught ReferenceError: mermaidAPI is not defined" It seems as though the browser can't find my reference to the Mermaid library but…
Grim Coder
- 394
- 2
- 12
0
votes
2 answers
Exclude mermaid code blocks for highlighting with Codehilite (MkDocs)
I'm trying to generate a documentation from markdown files via mkdocs (with material) to publish on gitlab. My files include code blocks and mermaid diagramms, which are declarated the same (differentiated in the language). I would like to use…
mejoz
- 135
- 1
- 6
0
votes
1 answer
How to echo raw code in html_document rendered by r-markdown
My question is simple, though I cannot really find a satisfying answer anywhere.
I'm trying to write an r code chunk that, when rendered as html_document, gives exactly the following in the html source of the rendered document :
F. Guilhaumon
- 11
- 2
0
votes
1 answer
Problems with Mermaid integration in Angular
I have a problem with the integration of Mermaid since despite having checked documentation and other people asking for this library in stackoverflow and other forums the example they gave was to start such a project as well.
Component TS
import {…
ASASCED
- 61
- 1
- 15
0
votes
0 answers
Wacky Shape Size in DevOps Mermaid Diagrams
I've got a mermaid diagram in Azure DevOps. I'm using it to create a flowchart. But I've noticed that the shapes are extraordinarily larger than the text they contain.
I tried defining a class and applying it to all the ids in the markdown, to no…
Mike Hofer
- 16,477
- 11
- 74
- 110
0
votes
1 answer
Mermaid - How to set the labels style for flowchart nodes
I need to change the style of the flowchart nodes.
I've managed to set the background color and the outline:
style s1 fill:#0000,stroke:#333,stroke-width:2px
However, I do not see how can I control the labels, e.g. set the font color, font family,…
user5961
- 1
- 1
- 3
0
votes
0 answers
Angular2 - call function from main.bundle.js / mermaid click event
I am working with Angular2 within Electron seeded from https://github.com/maximegris/angular-electron
I have installed Mermaid and got it working nearly exactly as I need it. My flowchart does display correctly as intended.
The only problem that I…
Sean W.
- 863
- 5
- 14
0
votes
1 answer
Thymeleaf and yarn
I would like to use mermaid in my spring boot project.
https://mermaidjs.github.io/usage.html
The usage description tells me to use yarn add mermaid.
Can anyone explain me, what exactly I have to configure in my spring boot / thymeleaf project in…
Alex Tbk
- 2,042
- 2
- 20
- 38
0
votes
1 answer
Mermaid Flowchart doesn't fit within demo
I'm just starting with mermaid and created the following chart…
Jegsar
- 501
- 6
- 22
0
votes
2 answers
mermaid library graph not getting rendered in angular2
I need to represent a simple graph with node and edges in one of my components in angular2. I tried the following:
In index.html:
Jasjeet Kaur
- 145
- 1
- 11
0
votes
1 answer
I can't get GitBook mermaid plugin to work, what a, i doing wrong?
I'm new at Gitbook and can not get the mermaid plugin to work.
book.json
{
"plugins": ["mermaid-2"
],
"pluginsConfig": {
"mermaid-2": {
"theme": "forest"
}
} }
file.md : I put the code into fenced code block and tag…
Anna
- 1
- 2
0
votes
1 answer
mermaid chart does not show in meteor
For some reason my mermaid chart does not show in a meteor page. I do see some SVG things in the dom but no chart is rendered...
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
…
Qhose
- 9
- 3
0
votes
0 answers
PowerBI R code error
Following this post Gantt charts with R I stored my data in the data.frame using the same data structure as the link. Code is below (note the first 4 rows are auto generated by powerBI and I couldnt amend it.
df <- data.frame(task = c("task1",…
PeddiePooh
- 403
- 8
- 17
-1
votes
0 answers
Mermaid merge starting point in flow chart
Is it possible that all lines leave the node from one starting point? F.e. In this flowchart, ABCDEF would all start from one point.
I tried the following, but that did not get me further:
{
"theme": "default",
"flowchart": {
"curve": "linear"
}
}
Dana
- 1
- 1
-1
votes
2 answers
Mermaid ER diagram styling
I want to draw an ER diagram with Mermaid. But I can't find out how to style the box to make it with different colors.
I know it's possible to set the theme color, but I can't do it to each box. I've tried different syntaxes and found some…
Darrius Chen
- 28
- 5