Компонент темы D3 Graphviz позволяет добавлять анимированные графики Graphviz в ваши сообщения, используя язык DOT. Основан на d3-graphviz.
Установка
Смотрите Как установить тему или компонент темы?
Использование
Статические графики
Это лишь краткое введение. Возможно, вам стоит ознакомиться с подробным описанием на Render Graphviz graphs directly in your posts - Announcements - Graphviz, где показан компонент темы в действии, или присоединиться к форуму Graphviz, где вы сможете использовать его самостоятельно.
Чтобы отобразить график непосредственно в вашем сообщении, оберните определение графа в теги dot следующим образом:
[dot] digraph {a -> b} [/dot]
Также поддерживается блочная форма:
[dot]
digraph {
a -> b
}
[/dot]
Анимированные переходы между графиками
Анимированный переход между несколькими графиками отображается, когда в один и тот же абзац сообщения добавлено более одного графика и между ними есть только пробельные символы:
[dot] digraph {bgcolor=lightblue a -> b} [/dot]
[dot] digraph {bgcolor=lightblue a -> b; a -> c} [/dot]
[dot] digraph {bgcolor=lightblue a -> b; a -> c; b -> c} [/dot]
или
[dot]
digraph {
a -> b
}
[/dot]
[dot]
digraph {
a -> b
a -> c
}
[/dot]
[dot]
digraph {
a -> b
a -> c
b -> c
}
[/dot]
Абзацы разделяются пустыми строками, поэтому в следующем примере будут созданы три отдельных графика:
[dot] digraph {bgcolor=lightblue a -> b} [/dot]
[dot] digraph {bgcolor=lightblue a -> b; a -> c} [/dot]
[dot] digraph {bgcolor=lightblue a -> b; a -> c; b -> c} [/dot]
Параметры
Графики и анимированные переходы можно гибко настраивать с помощью параметров, которые можно добавить в тег dot. См. Render Graphviz graphs directly in your posts - Announcements - Graphviz.
