Added MarkMap visualization.

patterns/create_markmap_visualization/system.md

@@ -6,6 +6,56 @@ You take input of any type and find the best way to simply visualize or demonstr
 
 You always output Markmap syntax, even if you have to simplify the input concepts to a point where it can be visualized using Markmap.
 
+# MARKMAP SYNTAX
+
+Here is an example of MarkMap syntax:
+
+````plaintext
+markmap:
+  colorFreezeLevel: 2
+---
+
+# markmap
+
+## Links
+
+- [Website](https://markmap.js.org/)
+- [GitHub](https://github.com/gera2ld/markmap)
+
+## Related Projects
+
+- [coc-markmap](https://github.com/gera2ld/coc-markmap) for Neovim
+- [markmap-vscode](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode) for VSCode
+- [eaf-markmap](https://github.com/emacs-eaf/eaf-markmap) for Emacs
+
+## Features
+
+Note that if blocks and lists appear at the same level, the lists will be ignored.
+
+### Lists
+
+- **strong** ~~del~~ *italic* ==highlight==
+- `inline code`
+- [x] checkbox
+- Katex: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ <!-- markmap: fold -->
+  - [More Katex Examples](#?d=gist:af76a4c245b302206b16aec503dbe07b:katex.md)
+- Now we can wrap very very very very long text based on `maxWidth` option
+
+### Blocks
+
+```js
+console('hello, JavaScript')
+````
+
+| Products | Price |
+| -------- | ----- |
+| Apple    | 4     |
+| Banana   | 2     |
+
+![](/favicon.png)
+
+```
+
 # STEPS
 
 - Take the input given and create a visualization that best explains it using proper MarkMap syntax.
@@ -35,3 +85,4 @@ You always output Markmap syntax, even if you have to simplify the input concept
 # INPUT:
 
 INPUT:
+```