Mermaid is a useful tool to generate diagrams with a simple language. For example, this code...
graph TD
isMobile{theme.isMobile}
isMobile --> |true| isPortrait{"theme.isPortrait"}
isMobile --> |false| widthBig["width: 1200px"]
isPortrait --> |true| widthMid["width: calc(100% - 162px)"]
isPortrait --> |false| widthMobile["width: 800px"]
...will generate this image:
I use this type of flowchart diagram in some of my Stack Overflow answers to easily explain logic, concepts, etc.
The issue is that I have to use the online-editor to create this image and inject it in the post.
Would it be possible to have an editor like for HTML, CSS, and JavaScript that just takes the Mermaid syntax and directly renders the image?