Graphviz online

[victor_sudakov]

Онлайновый построитель диаграмм на http://webgraphviz.com/

Можно задать ему для примера вывод "ngctl dot" с наших экспериментов с нетграфом и посмотреть, что он построит:

graph netgraph {
	edge [ weight = 1.0 ];
	node [ shape = record, fontsize = 12 ] {
		"1" [ label = "{le0:|{ether|[1]:}}" ];
		"2" [ label = "{le1:|{ether|[2]:}}" ];
		"5" [ label = "{ngctl952:|{socket|[5]:}}" ];
		"8" [ label = "{sw:|{bridge|[8]:}}" ];
		"9" [ label = "{sw_s:|{ksocket|[9]:}}" ];
		"e" [ label = "{ngctl1063:|{socket|[e]:}}" ];
	};
	subgraph cluster_disconnected {
		bgcolor = pink;
		"1";
		"5";
		"e";
	};
	node [ shape = octagon, fontsize = 10 ] {
		"2.upper" [ label = "upper" ];
		"2.lower" [ label = "lower" ];
	};
	{
		edge [ weight = 2.0, style = bold ];
		"2" -- "2.upper";
		"2" -- "2.lower";
	};
	node [ shape = octagon, fontsize = 10 ] {
		"8.link2" [ label = "link2" ];
		"8.link1" [ label = "link1" ];
		"8.link0" [ label = "link0" ];
	};
	{
		edge [ weight = 2.0, style = bold ];
		"8" -- "8.link2";
		"8" -- "8.link1";
		"8" -- "8.link0";
	};
	"8.link1" -- "2.upper";
	"8.link0" -- "2.lower";
	node [ shape = octagon, fontsize = 10 ] {
		"9.inet/dgram/udp" [ label = "inet/dgram/udp" ];
	};
	{
		edge [ weight = 2.0, style = bold ];
		"9" -- "9.inet/dgram/udp";
	};
	"9.inet/dgram/udp" -- "8.link2";
};

Comments

[ospf-ripe.livejournal.com]

Такую картинку и из CLI не сложно получить. Был бы полезнее интерактивный веб-просмотрщик, где узлы можно двигать самому и потом уже сохранять результат.

[victor_sudakov]

Такую картинку и из CLI не сложно получить.

Каким образом?

Был бы полезнее интерактивный веб-просмотрщик, где узлы можно двигать самому и потом уже сохранять результат.

Это уже из области фантастики. Мне просто лениво ставить Graphviz, а визуализировать netgraph или geom (вывод "sysctl -b kern.geom.confdot") иногда познавательно и полезно.

[ospf-ripe.livejournal.com]

> Каким образом?

dot -Tpng ttt.dot -o graph.png

По внешнему виду этот сайт показывает результат этой команды. Для достаточно большого числа узлов граф получается плохо читаемы - автоматическая расстановка не очень удачная.
Но надо ставить graphviz, а он со всеми многочисленными зависимостями тяжёлый.

А что касается фантастики, то на js много интересного понаписали, первое попавшееся:
http://radokirov.com/graph-editor.js/
http://www.jointjs.com/demos/fsa
Но они не умеют брать на вход dot-файл.

Умеет кушать dot-файлы https://code.google.com/p/exagraph/ но проект заброшен - последний коммит в 2012 году (и учитывая сложность проекта вряд ли там нечего больше дорабатывать, скорее всего автор потерял интерес к проекту, а других желающих его развивать не нашлось).

[victor_sudakov]

dot -Tpng ttt.dot -o graph.png

Но надо ставить graphviz, а он со всеми многочисленными зависимостями тяжёлый.

Вот именно.