🧠 Mermaid

Mapa myśli

Porządkuj pomysły wokół centralnego tematu

Czym jest Mapa myśli?

Mapa myśli rozprowadza gałęzie pomysłów od centralnej koncepcji. To najszybszy sposób na uporządkowanie burzy mózgów, rozbicie tematu, zaplanowanie treści czy zmapowanie kompetencji — a w Mermaid to czysty tekst.

Mapa myśli jest raczej narzędziem myślenia niż dokumentowania: warsztaty, plany treści, zarysowanie funkcji, zanim ktokolwiek się do niej zobowiąże. W Mermaidzie wcięcie pełni jednocześnie rolę konspektu dokumentu, więc mapa i przyszły spis treści pozostają jednym artefaktem. Ograniczeniem, które trzeba przyjąć, jest drzewo: jeden korzeń, jeden rodzic na węzeł, żadnych etykiet na gałęziach. Wszystko, co musi się zbiegać, należy do schematu blokowego.

Żywy przykład

Kod Mermaid
mindmap
  root((Product v2))
    Features
      AI generation
      Live preview
      Export
    Quality
      E2E tests
      Monitoring
    Growth
      SEO pages
      Public sharing
Żywy przykład

Product v2

Features

AI generation

Live preview

Export

Quality

E2E tests

Monitoring

Growth

SEO pages

Public sharing

Kiedy go używać

Porządkowanie burz mózgów i wyników warsztatów
Rozbijanie produktu, projektu lub tematu nauki na części
Planowanie treści, dokumentacji lub kompetencji zespołu

Częste błędy

Dwa korzenie na najwyższym poziomie

Mapa myśli ma dokładnie jeden korzeń. Drugi węzeł na tym samym wcięciu kończy się błędem „There can be only one root”. Jeśli naprawdę masz dwa centra, to są dwie mapy myśli — albo schemat blokowy.

Nawiasy w zwykłym tekście węzła

Growth (EU) renderuje się jako „EU”, bo nawiasy są czytane jako ogranicznik kształtu zaokrąglonego, a tekst przed nimi zostaje odrzucony. Nadaj węzłowi identyfikator i ujmij etykietę w cudzysłów: g1["Growth (EU)"].

Tabulatory zmieszane ze spacjami

Hierarchia bierze się wyłącznie z wcięcia, a tabulator nie jest równoważny spacjom. Ich mieszanie zgłasza ten sam błąd „There can be only one root”, który wskazuje korzeń, a nie linię, którą naprawdę zepsuto.

Podstawowa składnia

.mmd
mindmap
  root((Main idea))
    Branch A
      Leaf 1
    Branch B
  • mindmap root((Product v2))

    Korzeń jest dokładnie jeden, a podwójne nawiasy rysują go jako koło. Wszystko poniżej ustawia samo wcięcie, bez deklarowania jakichkolwiek strzałek.

  • Features[Squared] Live preview(Rounded)

    Nawiasy wokół tekstu wybierają kształt węzła: [] kwadrat, () zaokrąglenie, (()) koło, ))(( wybuch, {{}} sześciokąt. Używaj ich oszczędnie, do oznaczenia kategorii, nie do ozdoby.

  • Growth ::icon(fa fa-rocket)

    Linia ::icon() pod węzłem dodaje ikonę z fontu ikon załadowanego przez stronę, zwykle Font Awesome. Bez tego fontu nie narysuje się nic.

  • Retention:::urgent

    Potrójny dwukropek przypina do węzła klasę CSS, czyli tak właśnie wyróżnia się jedną gałąź — ryzyka, blokery, decyzje — nie ruszając reszty mapy.

Pytania o ten diagram

Jak działa wcięcie w mapach myśli Mermaid?

Hierarchię definiuje wyłącznie wcięcie: każdy głębszy poziom staje się gałęzią podrzędną. Kształty takie jak root((tekst)) dostosowują wygląd węzłów.

Mapa myśli czy schemat blokowy do burzy mózgów?

Mapy myśli do dywergencji (zbieranie i grupowanie pomysłów), schematy blokowe do konwergencji (przekuwanie pomysłów w uporządkowany proces).

Czy mogę udostępnić mapę myśli osobom, które nie używają Mermaida?

Wyeksportuj PNG lub SVG albo opublikuj diagram jako stronę publiczną i udostępnij link. GitHub renderuje mapy myśli także w Markdown, choć narzędzia hostowane u siebie ze starszym Mermaidem mogą jeszcze nie znać tej składni.

Czy mogę decydować, po której stronie pojawi się gałąź?

Nie. Rozmieszczenie wynika z drzewa i nie ma ustawienia strony ani kąta. Przestawienie gałęzi w źródle zmienia wynik, ale nie w przewidywalny sposób — pogódź się z układem albo przejdź na schemat blokowy.

Jak dodać ikony do węzłów mapy myśli?

Dopisz wciętą pod węzłem linię ::icon(fa fa-book). Font ikon musi załadować strona renderująca diagram; gdy go brakuje, węzeł po prostu pojawia się bez ikony i nic się nie psuje.

Czy mogę zamienić mapę myśli w konspekt dokumentu?

Wprost — wcięcie już jest konspektem. Każdy poziom mapy staje się poziomem nagłówka albo zagnieżdżoną listą, dlatego mapy myśli dobrze sprawdzają się przy planowaniu dokumentacji, zanim powstanie choć jej fragment.

Mapa myśli czy inny typ diagramu?

Mapa myśli czy oś czasu?

Spójrz na pierwszy poziom. Jeśli gałęzie najwyższego rzędu to Q1, Q2, Q3 — albo 2024, 2025 — rysujesz oś czasu z dodatkowymi wcięciami, a drzewo nic nie wnosi. Zostań przy mapie myśli, gdy najwyższy poziom to tematy, a znaczenie niesie samo zagnieżdżenie.

Mapa myśli czy diagram klas?

Mapa myśli wyraża jedną relację: to należy pod tamto. Nie powie, że moduł zależy od innego, że zawiera trzy takie albo że implementuje interfejs. Gdy tylko prostokąty potrzebują pól, liczności albo kierunku zależności, sięgnij po diagram klas.

Stwórz swój Mapa myśli już teraz

Opisz go naturalnym językiem — AI napisze kod Mermaid za Ciebie.

Otwórz Mermaid Studio