Диаграммы и блок-схемы
Чтобы добавить на страницу диаграмму, схему или граф, можно использовать один из поддерживаемых языков текстовой разметки.
- Graphviz (DOT)
-
Graphviz лучше всего подходит для оформления графов и деревьев.
Разметка Результат %%(graphviz neato) digraph A { a -> b0 a -> b3 xb [label="hi",width=.1,style=invis] a -> xb [style=invis] a -> b1 {rank=same b0 -> xb -> b1 [style=invis]} b0 -> c0 xc [label="bye",width=.1,style=invis] b0 -> xc [style=invis] b0 -> c1 {rank=same c0 -> xc -> c1 [style=invis]} b0 -> c2 } %%
Разметка Результат %%(graphviz neato) digraph A { a -> b0 a -> b3 xb [label="hi",width=.1,style=invis] a -> xb [style=invis] a -> b1 {rank=same b0 -> xb -> b1 [style=invis]} b0 -> c0 xc [label="bye",width=.1,style=invis] b0 -> xc [style=invis] b0 -> c1 {rank=same c0 -> xc -> c1 [style=invis]} b0 -> c2 } %%
Настроить внешний вид графа можно с помощью необязательных параметров:
dot
,neato
,circo
,twopi
,fdp
— имя утилиты, с помощью которой строится граф. По умолчанию используетсяdot
.width
— максимальная ширина графа в пикселях.height
— максимальная высота графа в пикселях.
- Blockdiag
- Blockdiag предназначен для построения блок-схем.
- Seqdiag
-
Seqdiag предназначен для построения диаграмм последовательностей.