Вопрос по flowchart – Инструмент автоматической блок-схемы [закрыт]

23

Существует ли инструмент потоковой диаграммы, который будет автоматически рисовать (выравнивать, перемещать) диаграмму на основе заданной информации?

Я хотел бы добавить блоки в диаграмму, создать отношения между ними, а затем сделать так, чтобы программное обеспечение переставляло блоки и линии, чтобы их можно было легко прочитать. Затем я могу добавить больше блоков / отношений и повторить процесс.

По сути, я хочу разработать программу в виде блок-схем без лишних хлопот планирования, куда бы я поместил визуально.

Я знаю, что существует множество инструментов для рисования потоковой диаграммы (например, Visio, Dia, LucidChart и т. Д.), Но я прошу один с такой функциональностью (я не знаю, есть ли у них она или нет).

Я не прошу ЛУЧШЕГО, я просто хочу ЛЮБОГО, кто сделает работу.

Идеи?

РЕДАКТИРОВАТЬ: Хотя движок DOT является отличным инструментом, его система ввода не работает для меня. Я хотел бы иметь возможность редактировать диаграмму как есть (без необходимости вводить данные с помощью текстового языка), а затем иметь кнопку или что-то такое, что перераспределяет все элементы таким образом, чтобы их можно было легко прочитать (например, при небольшом пересечении отношений насколько это возможно и похоже).

Ваш Ответ

5   ответов
4

Графвиз точка представляет собой механизм компоновки графиков, который выводит графики в различных форматах (например, PDF, SVG) на основе входного файла, который определяет узлы и дуги. Он достаточно гибкий, чтобы вы могли использовать его, чтобы делать то, что вы хотите, но, вероятно, потребуется немало предварительных усилий.

33

code2flow это онлайн генератор псевдокода для блок-схемы, который должен делать то, что вы просите, просто нажмите на изображение, чтобы поиграть с ним:

Для справки,plantuml.com/activity-diagram-beta, вырезать и вставлять или редактировать сценарий онлайн наplantuml.com/plantuml/uml philcolbourn
krishkasula.github.io/txtoflow библиотека Python, которая может делать подобные вещи Krishna
1

функция, которую вы ищите при рисовании графика, называется «инкрементным макетом» или «частичным макетом».

Инкрементальный макет поможет вам внести постепенные изменения в график или сеть (добавление или удаление узлов или ребер), а затем пересчитать макет («выровнять узлы»), скорректировать контуры ребер и, возможно, переставить метки, чтобы получить красивую новую картинку , Отличие от полного макета с нуля заключается в том, что для новых макетов учитывается расположение существующих элементов, а новые элементы вставляются в чертеж, чтобы полностью не разрушить мысленную картину чертежа в сознании пользователя. Это может привести к перемещению исходных элементов (например, для уплотнения областей, где элементы были удалены), но относительные положения существующих элементов друг к другу сохраняются.

Частичное расположение не изменит ни один из существующих элементов, но применяет новый макет только к той части графика, которая является «новой». Это сохраняет расположение и пути существующих элементов, но может привести к менее оптимальным результатам.

Насколько мне известно, эти функции доступны только в очень немногих библиотеках графического рисования. Только для концептуально очень простых алгоритмов (основанных на пружинных установках и, возможно, разметке деревьев) эта функция проста в реализации и поэтому может быть доступна в большем количестве библиотек.

Компания, в которой я работаю, предоставляетБиблиотеки рисования графиков yFiles для Java, .net и Javascript. Эти библиотекиподдерживать эти типы макетов, Единственная из известных мне библиотек, которая должна поддерживать такие функции,Макет TomSawyer.

7

Очень простой инструментGraphviz делает все макет для вас.
Пример:

graph g {
  node[shape=rectangle]
  a--b
}

Рисует это:

Но есть много других вариантов, форм и т. Д., Вы можете попробовать здесь:http://sandbox.kidstrythisathome.com/erdos/

РЕДАКТИРОВАТЬ: для редактора WISIWIG смотрите здесь:Есть ли какой-нибудь хороший IDE или WYSIWYG редактор для graphviz?

Похожеhttp://www.pixelglow.com/graphviz/ это лучший вариант.

Трудно начать, но очень мощно. Aidis
Отредактировал и добавил ссылку на редактор WISIWIG mirelon
Возможно, есть версия для Windows? Кажется, это только Mac ... Karlovsky120
Есть ли программа с лучшей системой ввода? Навигация по точечному языку станет немного сложнее, когда будет введено больше данных ... Что-то, где вы могли бы добавить блок непосредственно в график и заставить программу позиционировать его. Karlovsky120
1

http://flow.oodupinc.com/, Пример использованияhttp://oodupinc.blogspot.com/.

Он совместный, бесплатный, и вы можете управлять описаниями узлов независимо от потоковых диаграмм и использовать их в модульной системе потоковых диаграмм. Более того, вы получаете XML-спецификацию потоковых диаграмм для создания графического приложения (HTML + SVG + CSS) или других манипуляций. В настоящее время новые пользователи должны запросить учетную запись пользователя по электронной почте. Блок-схема составлена ​​из спецификации с использованием правил потоковой диаграммы, например, ссылки идут вниз и вправо.

Похожие вопросы