From e40c689d79bde57f68e31ff44fee841868c61547 Mon Sep 17 00:00:00 2001 From: Daniel Miessler Date: Sat, 2 Mar 2024 17:12:19 -0800 Subject: [PATCH] Added MarkMap visualization. --- .../create_markmap_visualization/system.md | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/patterns/create_markmap_visualization/system.md b/patterns/create_markmap_visualization/system.md index 9149c35..bdf77de 100644 --- a/patterns/create_markmap_visualization/system.md +++ b/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}$ + - [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: +```