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

Материал из Поле цифровой дидактики
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
{{Diagram
{{DigitalTool
|Description=В статье собраны ссылки на веб-площадки, где можно быстро построить граф в Graphviz и получить из текста граф в форме картинки.
|Description=Graphviz — это разработанный специалистами лаборатории AT&T пакет утилит по автоматической визуализации графов, заданных в виде текстового описания. Пакет распространяется с открытыми исходными файлами и работает на всех операционных системах, включая Windows, Linux/Unix, Mac OS. Самой интересной программой пакета является «dot», автоматический визуализатор направленных графов, который принимает на вход текстовый файл со структурой графа, а на выходе формирует граф в виде графического, векторного или текстового файла.
http://digida.mgpu.ru/images/diagrams/Diagrams_933108576b66fa552ee695394af9563a.png
|Affordances=Программа «Dot» сама распознает все связи графа и упорядочит его таким образом, чтобы было наименьшее количество пересечений.
|Field_of_knowledge=Информатика
Внешний вид графа
|Environment=Graphviz, Диаграмма
«Dot» позволяет изменять внешний вид графа. Например, можно изменять форму фигур (прямоугольники, овалы, круги, параллелограммы, многоугольники), цвет и шрифт текста, цвет фона фигур, стиль стрелок и рамок фигур, подписи стрелок и т. д. Итак, основные объектами являются узлы («node») и ребра («edge»). Для того, чтобы настроить свойства всех узлов или ребер нужно вначале использовать команды
|Difficult=Знать синтаксис языка
|Область применения=образование
|Website=http://graphviz.org/
|End users=Учащиеся, Преподаватели, Исследователи
|Tool is made for=диаграммы
|Developer=AT&T
|License=Открытая
|distant_collab=Нет
|Language_Ru_Eng=English
|AI=Нет
}}
}}
; Другие инструменты для построения диаграмм
{{#ask: [[Category:DigitalTool]] [[Tool is made for::диаграммы]]  }}
== Инструменты внутри GraphViz ==
; В составе:
* dot — инструмент для создания многоуровневого графа с возможностью вывода изображения полученного графа в различных форматах (PNG, PDF, PostScript, SVG и ряда других).
* neato — инструмент для создания графа на основе «пружинной» модели («spring model», «energy minimised»).
* twopi — инструмент для создания графа на основе «радиальной» модели.
* circo — инструмент для создания графа на основе «круговой» модели.
* fdp — инструмент для создания ненаправленного графа на основе модели fdp.
* dotty — графический интерфейс для создания графов.
* lefty — программируемый графический виджет
<graphviz>
<graphviz>


Строка 12: Строка 36:
Ученик -> "Ученик 2" ;
Ученик -> "Ученик 2" ;
Ученик -> "Ученик 3" ;
Ученик -> "Ученик 3" ;
Учитель -> "Ученик 3" [label="Оценивает"]
}
}


</graphviz>
</graphviz>


----
<graphviz>
<graphviz>


digraph G2 {
digraph G2 {
  node[fontsize=14, shape="Mrecord"] ;
  node[fontsize=14, shape="Mrecord"] ;
A;
}
}


Строка 35: Строка 63:
; http://www.webgraphviz.com/  
; http://www.webgraphviz.com/  
: С примерами, можно получить свой граф, но сохранить нельзя - учебная площадка
: С примерами, можно получить свой граф, но сохранить нельзя - учебная площадка
=== Сетевой сервис  ===
; https://dreampuf.github.io/GraphvizOnline/
; https://dreampuf.github.io/GraphvizOnline/
: Можно менять механизмы представления и форматы вывода. Проверяет и показывает ошибки в синтаксисе.  
: Можно менять механизмы представления и форматы вывода. Проверяет и показывает ошибки в синтаксисе.  
: Наиболее удобный вариант - альтернатива установки на локальной машине
: Наиболее удобный вариант - альтернатива установки на локальной машине
; http://graphviz.it/
 
{{#widget:iframe
|url=https://dreampuf.github.io/GraphvizOnline
|width=900
|height=800
}}
 
=== http://graphviz.it/ ===
: Построить диаграмму и сохранить как png или svg - удобный вариант для публикаций
: Построить диаграмму и сохранить как png или svg - удобный вариант для публикаций
; http://sandbox.kidstrythisathome.com/erdos/
; http://sandbox.kidstrythisathome.com/erdos/
Строка 44: Строка 82:




Создаем карты в graphViz
=== Создаем карты в graphViz ===


{{#widget:YouTube|id=B2cnfSUQOY4|start=5}} <br clear=all />
{{#widget:YouTube|id=B2cnfSUQOY4|start=5}} <br clear=all />


=== Превращение таблиц в граф ===


[[Category:Diagrams]]
{{#widget:YouTube|id=gXjU1DSsxm4|start=1}} <br clear=all />

Текущая версия на 18:48, 9 ноября 2023

Краткое описание инструмента Graphviz — это разработанный специалистами лаборатории AT&T пакет утилит по автоматической визуализации графов, заданных в виде текстового описания. Пакет распространяется с открытыми исходными файлами и работает на всех операционных системах, включая Windows, Linux/Unix, Mac OS. Самой интересной программой пакета является «dot», автоматический визуализатор направленных графов, который принимает на вход текстовый файл со структурой графа, а на выходе формирует граф в виде графического, векторного или текстового файла.
Возможности Программа «Dot» сама распознает все связи графа и упорядочит его таким образом, чтобы было наименьшее количество пересечений.

Внешний вид графа «Dot» позволяет изменять внешний вид графа. Например, можно изменять форму фигур (прямоугольники, овалы, круги, параллелограммы, многоугольники), цвет и шрифт текста, цвет фона фигур, стиль стрелок и рамок фигур, подписи стрелок и т. д. Итак, основные объектами являются узлы («node») и ребра («edge»). Для того, чтобы настроить свойства всех узлов или ребер нужно вначале использовать команды

Трудности использования Знать синтаксис языка
Область знаний
Область применения образование
Поясняющее видео
Веб-сайт http://graphviz.org/
Пользователи Учащиеся, Преподаватели, Исследователи
Используется для создания (проведения) диаграммы
Разработчик AT&T
Сообщество вокруг средства
Лицензия Открытая
Год первого релиза
Совместное сетевое использование Нет
Какой язык основной English
Есть ли поддержка Искусственным Интеллектом Нет
Другие инструменты для построения диаграмм

Archimate, Compendium LD, Draw.io, FreeMind, Graphviz, Maps for MediaWiki, Mermaid, Miro, MscGen, PlantUML, RAWGraphs, TheBrain, VUE, WebGrid, Инструменты мотивации профессионального развития педагогических кадров

Инструменты внутри GraphViz

В составе
  • dot — инструмент для создания многоуровневого графа с возможностью вывода изображения полученного графа в различных форматах (PNG, PDF, PostScript, SVG и ряда других).
  • neato — инструмент для создания графа на основе «пружинной» модели («spring model», «energy minimised»).
  • twopi — инструмент для создания графа на основе «радиальной» модели.
  • circo — инструмент для создания графа на основе «круговой» модели.
  • fdp — инструмент для создания ненаправленного графа на основе модели fdp.
  • dotty — графический интерфейс для создания графов.
  • lefty — программируемый графический виджет



Гайд с примерами
https://www.graphviz.org/pdf/dotguide.pdf

см. PlantUML

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

http://www.webgraphviz.com/
С примерами, можно получить свой граф, но сохранить нельзя - учебная площадка


Сетевой сервис

https://dreampuf.github.io/GraphvizOnline/
Можно менять механизмы представления и форматы вывода. Проверяет и показывает ошибки в синтаксисе.
Наиболее удобный вариант - альтернатива установки на локальной машине

http://graphviz.it/

Построить диаграмму и сохранить как png или svg - удобный вариант для публикаций
http://sandbox.kidstrythisathome.com/erdos/
Erdos is a simple javascript interface into the Google Chart Graphviz API. Сохраняет в png можно использовать различные механизмы представления диаграмм.


Создаем карты в graphViz


Превращение таблиц в граф