To generate sleek mermaid charts that are clickable and well-formatted, use this repo.
-
Create a conda environment using the environment.yml in this repo
conda env create -f environment.yml
-
Download the mermaid cli SVG generator
npm config set registry http://registry.npmjs.org/
npm config set strict-ssl false
npm install -g @mermaid-js/mermaid-cli
-
Create your mermaid diagrams and save as .mmd
-
Export as SVG
mmdc -i input.mmd -o output.svg
There is an example.md from PetterTech There are also examples of how to just include a mermaid diagram in your readme.md here
You can also use a VS Code extension but it only works if your file is *.mmd and has the code block:
```mermaid
diagram code
```
Around the diagram code.