마인드맵
마인드맵은 정보를 그래픽으로 구성하고 전체의 각 부분 간의 관계를 표시하는 데 사용되는 다이어그램입니다. 일반적으로 주제를 중심으로 생성되며, 주제는 빈 페이지 중앙에 그려지고 그 주변에 관련된 아이디어 표현이 추가됩니다. 주요 아이디어는 주제에 직접 연결되고, 다른 아이디어는 이러한 주요 아이디어에서 분기됩니다.
마인드맵 예시:
복사
임베드
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
문법
마인드맵을 만드는 문법은 간단하며 계층 구조의 레벨을 설정하기 위해 들여쓰기에 의존합니다.
아래 예에서는 3개의 서로 다른 레벨을 볼 수 있습니다. 첫 번째 레벨은 텍스트 왼쪽에서 시작하고, 두 번째 레벨은 같은 열에서 시작하는 두 줄로 노드 A를 정의합니다. 세 번째 레벨 텍스트는 앞의 줄보다 더 들여쓰기되어 노드 B와 C를 정의합니다.
복사
임베드
mindmap
Root
A
B
C
요약하면, 이것은 루트 노드 이름이 Root 이고 하나의 하위 노드 A가 있는 간단한 텍스트 개요입니다. A에는 다시 두 개의 하위 노드 B와 C가 있습니다. 아래 그림에서 마인드맵 스타일로 렌더링된 것을 볼 수 있습니다.
복사
임베드
mindmap
Root
A
B
C
이런 방식으로 텍스트 개요를 사용하여 계층적 마인드맵을 생성할 수 있습니다.
다양한 도형
Mermaid 마인드맵은 다양한 도형을 사용하여 노드를 표시할 수 있습니다. 노드 도형을 지정할 때 문법은 순서도 노드와 유사하며, 먼저 ID 가 오고 그다음 도형 정의가 오며, 텍스트는 도형의 표시 상자에 배치됩니다.
마인드맵은 다음 도형을 표시할 수 있습니다:
사각형
복사
임베드
mindmap
id[I am a square]
둥근 모서리 사각형
복사
임베드
mindmap
id(I am a rounded square)
원
복사
임베드
mindmap
id((I am a circle))
폭발 풍선
복사
임베드
mindmap
id))I am a bang((
구름
복사
임베드
mindmap
id)I am a cloud(
육각형
복사
임베드
mindmap
id{{I am a hexagon}}
기본
복사
임베드
mindmap
I am the default shape
아이콘과 클래스
아이콘
순서도와 마찬가지로 노드에 아이콘을 추가할 수 있지만 업데이트된 문법을 사용합니다. 글꼴 기반 아이콘 스타일은 통합 과정에서 추가되어 웹 페이지에서 사용할 수 있게 됩니다. ::icon() 문법을 사용하여 마인드맵 노드에 추가할 수 있습니다.
복사
임베드
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
클래스
마찬가지로 클래스 추가 문법은 순서도와 유사합니다. 세 개의 콜론::: 을 사용하여 클래스를 추가할 수 있으며, 클래스 이름은 공백으로 구분합니다. 아래 예에서는 노드 중 하나에 두 개의 사용자 정의 클래스가 첨부되어 있습니다: urgent 는 배경을 빨간색으로, 텍스트를 흰색으로 바꾸고, large 는 글꼴 크기를 키웁니다:
복사
임베드
mindmap
Root
A[A]
:::urgent large
B(B)
C
Markdown 문자열
Markdown 문자열 기능은 더 유연한 문자열 유형을 제공하여 마인드맵을 강화하며, 굵게 및 기울임꼴 같은 텍스트 형식 옵션과 레이블 내 자동 줄바꿈을 지원합니다.
복사
임베드
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]
서식 지정:
- 텍스트를 굵게 하려면 텍스트 앞뒤에 이중 별표 ** 를 사용합니다.
- 텍스트를 기울임꼴로 하려면 텍스트 앞뒤에 단일 별표 * 를 사용합니다.
