Интеллект-карта
Интеллект-карта — это диаграмма, используемая для графической организации информации и отображения связей между частями целого. Обычно она создаётся вокруг одной темы: тема рисуется в центре пустой страницы, а затем вокруг добавляются связанные с ней представления идей. Основные идеи соединяются непосредственно с темой, а остальные идеи ответвляются от этих основных идей.
Пример интеллект-карты:
Копировать
Встраивание
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]
Форматирование:
- Чтобы сделать текст полужирным, используйте две звёздочки ** перед текстом и после него.
- Чтобы сделать текст курсивом, используйте одну звёздочку * перед текстом и после него.
