Плагин «Граф» показывает [[Создание внутренних ссылок|внутренние ссылки]] между вашими заметками в виде графа.
Заметки с большим количеством ссылок появляются на графе как более крупные узлы.
![[Pasted image 10.png]]
### Советы по визуализации
- Вы можете навести курсор на каждый узел, чтобы выделить его соединения, затеняя всё остальное.
- Вы можете перетаскивать узлы, чтобы упорядочить граф. Это может быть полезно, если некоторые узлы перекрывают друг друга.
### Советы по перемещению
- Для масштабирования можно использовать прокрутку колесика мыши, а так же клавиши `+` и `-`.
- Для перемещения, перетаскивайте фон или используйте клавиши со стрелками на клавиатуре.
- Удерживайте клавишу `Shift` во время навигации, чтобы ускорить процесс.
### Пользовательский CSS
Поскольку граф визуализируется с использованием `<canvas>` и WebGL, [[Пользовательский CSS|CSS]] не может влиять на такие вещи, как узлы и ссылки. Чтобы настроить представление графа, мы предоставили способ преобразования цветов CSS в команды WebGL.
#### Поддерживаются следующие классы CSS:
```
.graph-view.color-fill
.graph-view.color-fill-tag (theme-dependent)
.graph-view.color-fill-attachment (theme-dependent)
.graph-view.color-arrow
.graph-view.color-circle
.graph-view.color-line
.graph-view.color-text
.graph-view.color-fill-highlight
.graph-view.color-line-highlight
.graph-view.color-fill-unresolved
```
\* theme-dependent означает, что вам, возможно, придется добавить `.theme-dark` или `.theme-light` для модификации под различные темы оформления. См. раздел [[Граф#Правила CSS используемые по умолчанию|Правила CSS используемые по умолчанию]] ниже.
#### Поддерживаются следующие правила CSS:
```css
.graph-view.color-class {
/* Supports all CSS color directives, like #HEX, rgb and rgba */
color: #FFF;
color: #FFFFFF;
color: rgb(0, 0, 0);
color: rgba(0, 0, 0, 1);
/* Opacity (similar to rgba) will make the color transparent */
opacity: 0.5;
}
```
#### Правила CSS используемые по умолчанию:
Данные CSS-правила используются в Obsidian по умолчанию. Вы можете переопределить любое из них, используя идентичное или [более специфичное](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity) CSS-правило. Особенно это касается `.color-fill-tag` и `.color-fill-attachment`. В крайнем случае, добавьте `!important` в конец вашего правила.
```css
.graph-view.color-fill,
.theme-dark .graph-view.color-fill-tag,
.theme-light .graph-view.color-fill-tag,
.theme-dark .graph-view.color-fill-attachment,
.theme-light .graph-view.color-fill-attachment,
.graph-view.color-arrow,
.graph-view.color-circle,
.graph-view.color-line,
.graph-view.color-text,
.graph-view.color-fill-highlight,
.graph-view.color-line-highlight,
.graph-view.color-fill-unresolved {}
```