graphviz visual editor

Graphviz-Visual-Editor

Попробуйте это на http://magjac.com/graphviz-visual-editor.

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

Установка

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

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

Чтобы создать оптимизированную сборку приложения:

 npm run build

Узнайте больше из приложения Create React Readme и Руководства пользователя.

Реализованные функции

• Рендеринг графика из текстового представления точки.
• Панорамирование и увеличение графика.
• Редактирование источника точки в контекстном текстовом редакторе.
• Визуальное редактирование графика с помощью мышиных взаимодействий:
  • Вставьте формы узлов, нажмите или перетаскивайте.
  • Выберите стиль узла по умолчанию, цвет и заполнение.
  • Нарисуйте края между узлами.
  • Выберите узлы и края, щелкните или по области перетаскивания и отметьте их в текстовом редакторе.
  • Удалить выбранные узлы и края.
  • Вырезать/скопировать и вставить выбранное узел.
• Автоматическое обновление источника точки, когда график визуально отредактирован.
• Автоматическое обновление графика при редактировании точечного источника.
• Анимированный переход графика в новое состояние при внесении изменений.
• Сохранение источника DOT и состояния приложения во время перезагрузки страницы с помощью автоматического сохранения и извлечения в локальное хранилище в браузере.
• Экспортный график как URL и импортный график из такого URL.
• Экспортный график как SVG.
• Параметры:
  • Автоматически соответствует графику в доступную область рисования.
  • Выберите Mayout Engine Graphviz.
• Помощь в режиме онлайн:
  • Комплект клавиш
  • Мышиные взаимодействия

Протестированные браузеры

• Firefox 71
• Хром 79

Известные проблемы

Известные проблемы здесь не перечислены .

Все известные ошибки и запросы на улучшение сообщаются как проблемы на GitHub и перечислены на вкладке «Проблемы».

Все открытые проблемы

Перечисляет как ошибки, так и запросы на улучшение.

Известные открытые ошибки

Открытые запросы на улучшение

Известные ограничения

Ограничение - это функция, намеренно выпущенная без полной функциональности. Ограничение классифицируется как ошибка, так и как запрос на улучшение, чтобы отразить, что, хотя это улучшение, еще не реализованное с точки зрения автора, оно может восприниматься как ошибка с точки зрения пользователя.

Закрытые проблемы

Дорожная карта

Не хватает множества классных функций. Они или будут перечислены в качестве запросов на улучшение на GitHub.

Существует также проектная доска, показывающая краткосрочную деятельность.