mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-28 07:03:17 +08:00
37 lines
1.1 KiB
Markdown
37 lines
1.1 KiB
Markdown
|
# Tutorials
|
||
|
|
**Edit this Page** [](https://github.com/mermaid-js/mermaid/blob/develop/doc/Tutorials.md)
|
||
|
|
|
||
|
|
This is list of publicly available Tutorials in Mermaid. This is intended as a basic introduction for the use of the Live Editor and HTML with mermaid.
|
||
|
|
|
||
|
|
For the purposes, the Live-Editor is capable of taking care of all diagramming needs, and these are the most common use cases for it.
|
||
|
|
|
||
|
|
|
||
|
|
# Live-Editor Tutorials
|
||
|
|
The definitions that can be generated the Live-Editor are also backwards-compatible as of version 8.7.0.
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=SQ9QmuTHuSI&t=438s
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=5RQqht3NNSE
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=7_2IroEs6Is&t=207s
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=9HZzKkAqrX8
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=7_2IroEs6Is&t=207s
|
||
|
|
|
||
|
|
https://www.youtube.com/watch?v=9HZzKkAqrX8
|
||
|
|
|
||
|
|
# Mermaid HTML samples
|
||
|
|
Examples are provided in [Gettting Started](./docs/n00b-gettingStarted.md)
|
||
|
|
|
||
|
|
## Mermaid with Text Area:
|
||
|
|
|
||
|
|
https://codepen.io/Ryuno-Ki/pen/LNxwgR
|
||
|
|
|
||
|
|
## Other CodePen Examples:
|
||
|
|
https://codepen.io/CarlBoneri/pen/BQwZzq
|
||
|
|
|
||
|
|
https://codepen.io/tdkn/pen/vZxQzd
|
||
|
|
|
||
|
|
https://codepen.io/janzeteachesit/pen/OWWZKN
|