Skip to content
Markdown Examples for Diagrams, Math, and More
Explore complete examples that go beyond bold text and lists. Select an example, inspect its Markdown source, edit it, and compare the live preview.
- Diagrams: flowcharts, timelines, mind maps, and Gantt charts with Mermaid.
- Technical content: formulas, code, tables, and footnotes.
- Reusable source: adapt the examples for documentation, notes, and project READMEs.
Explore the editable examples
How to reuse an example
- Choose an example and read its source beside the preview.
- Change labels, values, or structure until the result matches your document.
- Copy the Markdown into an editor that supports the extension being used.
Continue learning
Review standard syntax in the Markdown cheat sheet, practice from the beginning in the interactive tutorial, or create your own document in the online Markdown editor.
Frequently asked questions
Does every Markdown editor support these examples?
No. Basic syntax is widely supported, but Mermaid, math, and footnotes depend on the editor or publishing platform.
Can I change the examples?
Yes. The showcase is designed for experimentation, and changes remain in the current browser session.