GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity

update jupyter integration

Browse Source
This commit is contained in:
Connor Peet 2021-12-14 15:16:58 -08:00 committed by GitHub
parent 38496c004b
commit 8f22daf9a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
docs/Tutorials.md
View File

@ -37,30 +37,29 @@ https://codepen.io/janzeteachesit/pen/OWWZKN
https://codepen.io/Ryuno-Ki/pen/LNxwgR https://codepen.io/Ryuno-Ki/pen/LNxwgR
## Python Integration with mermaid-js ## Jupyter Integration with mermaid-js
Here's an example of python integration with mermaid-js which uses the mermaid.ink service.
This is also working with colab and jupyter lab notebooks. Here's an example of Python integration with mermaid-js which uses the mermaid.ink service, that displays the graph in a Jupyter notebook.
```python ```python
import base64 import base64
import requests, io from IPython.display import Image, display
from PIL import Image
import matplotlib.pyplot as plt import matplotlib.pyplot as plt
graph = """ def mm(graph):
graphbytes = graph.encode("ascii")
base64_bytes = base64.b64encode(graphbytes)
base64_string = base64_bytes.decode("ascii")
display(Image(url="https://mermaid.ink/img/" + base64_string))
mm("""
graph LR; graph LR;
A--> B & C & D; A--> B & C & D;
B--> A & E; B--> A & E;
C--> A & E; C--> A & E;
D--> A & E; D--> A & E;
E--> B & C & D; E--> B & C & D;
""" """)
graphbytes = graph.encode("ascii")
base64_bytes = base64.b64encode(graphbytes)
base64_string = base64_bytes.decode("ascii")
img = Image.open(io.BytesIO(requests.get('https://mermaid.ink/img/' + base64_string).content))
plt.imshow(img)
``` ```
**Output** **Output**