Graphviz: различия между версиями

Материал из Поле цифровой дидактики
Строка 1: Строка 1:
{{Diagram
{{Diagram
|Description=В статье собраны ссылки на веб-площадки, где можно быстро построить граф в Graphviz и получить из текста граф в форме картинки.
|Description=В статье собраны ссылки на веб-площадки, где можно быстро построить граф в Graphviz и получить из текста граф в форме картинки.
http://digida.mgpu.ru/images/diagrams/Diagrams_933108576b66fa552ee695394af9563a.png
|Field_of_knowledge=Информатика
|Field_of_knowledge=Информатика
|Environment=Graphviz, Диаграмма
|Environment=Graphviz, Диаграмма
}}
}}
<graphviz>
digraph G1 {
rankdir = BT ;
Ученик -> Учитель ;
Ученик -> "Ученик 2" ;
Ученик -> "Ученик 3" ;
}
</graphviz>
<graphviz>
digraph G2 {
node[fontsize=14, shape="Mrecord"] ;
A;
}
</graphviz>
; Гайд с примерами
: https://www.graphviz.org/pdf/dotguide.pdf
* https://graphviz.org/doc/info/shapes.html - формы узлов [[Graphviz]]
см. [[PlantUML]]
В статье собраны ссылки на веб-площадки, где можно быстро построить граф в [[Graphviz]] и получить из текста граф в форме картинки:
; http://www.webgraphviz.com/
: С примерами, можно получить свой граф, но сохранить нельзя - учебная площадка
=== Сетевой сервис  ===
; https://dreampuf.github.io/GraphvizOnline/
: Можно менять механизмы представления и форматы вывода. Проверяет и показывает ошибки в синтаксисе.
: Наиболее удобный вариант - альтернатива установки на локальной машине
{{#widget:iframe
|url=https://dreampuf.github.io/GraphvizOnline
|width=900
|height=800
}}
=== http://graphviz.it/ ===
: Построить диаграмму и сохранить как png или svg - удобный вариант для публикаций
; http://sandbox.kidstrythisathome.com/erdos/
: Erdos is a simple javascript interface into the Google Chart Graphviz API. Сохраняет в png можно использовать различные механизмы представления диаграмм.
=== Создаем карты в graphViz ===
{{#widget:YouTube|id=B2cnfSUQOY4|start=5}} <br clear=all />
=== Превращение таблиц в граф ===
{{#widget:YouTube|id=gXjU1DSsxm4|start=1}} <br clear=all />
[[Category:Diagrams]]

Версия 18:25, 2 ноября 2023


Описание В статье собраны ссылки на веб-площадки, где можно быстро построить граф в Graphviz и получить из текста граф в форме картинки.
Область знаний Информатика
Среды для создания диаграммы: Graphviz, Диаграмма