Mapa ng isip
Ang mind map ay isang chart na ginagamit upang graphical na ayusin ang impormasyon at ipakita ang relasyon sa pagitan ng mga bahagi ng kabuuan. Karaniwang ginagawa ito sa paligid ng isang tema, ang tema ay iginuguhit sa gitna ng blangkong pahina, pagkatapos ay idinaragdag ang mga kaugnay na representasyon ng ideya sa paligid. Ang pangunahing ideya ay direktang konektado sa tema, at ang iba pang ideya ay nagsasanga mula sa mga pangunahing ideyang ito.
Halimbawa ng mind map:
Kopyahin
Embed
mindmap
root((mindmap))
Origins
Long history
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
Pen and paper
Mermaid
Syntax
Ang syntax para sa paggawa ng mind map ay napakasimple, at umaasa sa indentation upang itakda ang level sa hierarchical na structure.
Sa halimbawa sa ibaba, makikita mo ang 3 magkaibang level. Ang unang level ay nagsisimula sa kaliwang bahagi ng teksto; ang ikalawang level ay may dalawang linyang nagsisimula sa parehong column, na tumutukoy sa node A. Ang teksto ng ikatlong level ay mas naka-indent kaysa sa mga naunang linya, na tumutukoy sa node B at C.
Kopyahin
Embed
mindmap
Root
A
B
C
Sa madaling salita, ito ay isang simpleng text outline, kung saan ang root node ay pinangalanang Root, mayroon itong child node A. Ang A ay may dalawang child na B at C. Sa diagram sa ibaba, makikita natin na ito ay ni-render bilang mind map.
Kopyahin
Embed
mindmap
Root
A
B
C
Sa paraang ito, maaari nating gamitin ang text outline upang bumuo ng hierarchical mind map.
Iba't ibang hugis
Ang Mermaid mind map ay maaaring gumamit ng iba't ibang hugis upang ipakita ang node. Kapag tumutukoy ng hugis ng node, ang syntax ay katulad ng flowchart node, may id muna, pagkatapos ay ang hugis definition, at ang teksto ay inilalagay sa display box ng hugis
Ang mind map ay maaaring magpakita ng sumusunod na hugis:
Rectangle
Kopyahin
Embed
mindmap
id[I am a square]
Rounded rectangle
Kopyahin
Embed
mindmap
id(I am a rounded square)
Bilog
Kopyahin
Embed
mindmap
id((I am a circle))
Explosion bubble
Kopyahin
Embed
mindmap
id))I am a bang((
Cloud
Kopyahin
Embed
mindmap
id)I am a cloud(
Hexagon
Kopyahin
Embed
mindmap
id{{I am a hexagon}}
Default
Kopyahin
Embed
mindmap
I am the default shape
Icon at class
Icon
Tulad ng flowchart, maaari kang magdagdag ng icon sa node, ngunit gamit ang mas bagong syntax. Ang font-based na icon style ay idinadagdag sa proseso ng integration, upang magamit ang mga ito sa web page. Maaari mong gamitin ang ::icon() syntax upang idagdag ang mga ito sa mind map node.
Kopyahin
Embed
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Class
Gayundin, ang syntax para sa pagdaragdag ng class ay katulad ng flowchart. Maaari kang gumamit ng tatlong colon ::: upang magdagdag ng class, ang mga class name ay pinaghihiwalay ng espasyo. Sa halimbawa sa ibaba, ang isa sa mga node ay nilagyan ng dalawang custom na class: ang urgent ay ginagawang pula ang background at puti ang teksto; ang large ay pinapalaki ang font size:
Kopyahin
Embed
mindmap
Root
A[A]
:::urgent large
B(B)
C
Markdown string
Ang Markdown string feature ay nagpapahusay sa mind map sa pamamagitan ng pagbibigay ng mas flexible na uri ng string, sinusuportahan ang mga text format option tulad ng bold at italic, at may kakayahang awtomatikong mag-line break sa loob ng label.
Kopyahin
Embed
mindmap
id1["`**Root** with
a second line
Unicode works too: 🤓`"]
id2["`The dog in **the** hog... a *very long text* that wraps to a new line`"]
id3[Regular labels still works]
Pag-format:
- Upang gawing bold ang teksto, gumamit ng double asterisk ** bago at pagkatapos ng teksto.
- Upang gawing italic ang teksto, gumamit ng isang asterisk * bago at pagkatapos ng teksto.
