Network diagram as code / Схема сети как код

[maksim_ms]

Спасибо за статью.
Есть похожий инструмент для на python diagrams.mingrammer.com

[antirek]

О, да, я его видел, забыл добавить в свой список )) Думаю, он вдохновил Raoul Meyer написать github.com/RaoulMeyer/diagram-as-code. К сожалению, он на python и более сервер-сайд решение.

[MaxKom]

Одно время пытались скрестить PlantUML и confluence и git.
Потом обрубили какие-то права в confluence и продолжаем рисовать по старинке в draw.io

Последний тоже генерит некоторое кодовое представление диаграмм, но у меня с налёту не получилось коректно это код править.

[andi123]

Ещё никто написал про graphviz?

[iddqda]

PlantUML упомянули же, который поверх graphviz работает

[andi123]

PlantUML упомянули же, который поверх graphviz работает

я был не в курсе :)

[antirek]

Могу и про graphviz написать, т.к. рассматривал его до того как писать свой блекджек. Но если я где-то не прав — поправьте.
а) graphviz использует свою нотацию, которая достаточно мудрая, т.е. гибкая и местами сложная.
б) проект непонятно в каком состоянии — на сайте картинки не отображаются, доступ к доке на гитлабе закрыт. viz-js — веб-версия graphviz на гитхабе в рид-онли.
в) viz-js рекомендует использовать dagre.js
а вот dagre.js — интересная штука, хотя и не совсем то

у dagre.js интересный синтаксис

g.setNode("kspacey",    { label: "Kevin Spacey",  width: 144, height: 100 });
g.setEdge("kspacey",   "swilliams");

т.е. если бы не мое желание структуры, то можно было сделать подобное API

более того dagre.js использует graphlib — это графовый движок, вот в целом он меня устраивает, но он не рисует картинки в браузере

[iddqda]

Спасибо, интересно.
Но где же упомянутый в заголовке Network diagram?

можно пример именно сетевой схемы?
К примеру пусть это будет 3-4 маршрутизиатора с названиями интерфейсов, лупбеками и адресами

Я такое иногда делаю с помощью PlantUML, но мне не так много документации рисовать приходится. Поэтому разные инструменты не искал и их эффективность не сравнивал.

Зато plantuml поддерживают многие markdown движки. и даже для vscode плагин есть.
вот только что пример набросал для наглядности:

[antirek]

мое понятие network diagram шире )) все диаграммы вокруг не столько сетей, сколько вокруг сервисов, ПО, данных
у вас классный пример того, как можно документировать именно сети

[antirek]

тут увидел проект github.com/Thomaash/me, сразу про ваши сети подумал ))

[playnet]

Онлайн редактор не работает... ввод кода ничего не даёт

[Slonoed]

А проект жив ещё? Стоит использовать? Больше года не обновлялся...

[antirek]

как автор проекта я бы не рекомендовал ))

я по прежнему использую проект, но как-то не вижу его перспективы в таком виде