Есть ли хороший редактор IDE или WYSIWYG для Graphviz?

Ответ 1

Текущая версия Graphviz.app не содержит кнопку "внешнего редактора", показанной в скриншоте рампы выше - или кнопки Render/Stop, и она заменила кнопку "Настройки" с "атрибутами". Однако его можно использовать, как описано.

Я загрузил 'graphviz-2.27.20101110.0545.pkg' из http://graphviz.org/Download_macos.php. Обратите внимание, что есть несколько мест для загрузки различных вещей, которые называют себя Graphviz:

• http://graphviz.org/Download_macos.php
• http://graphviz.org/Download..php
• http://www.pixelglow.com/graphviz/download/

Использовать первый, я выбрал самый последний моментальный снимок разработки - Взгляд на списки рассылки (interest и devel) показывают, что он все еще довольно активен, чего вы не знаете на сайтах pixelglow, у которых по-прежнему есть сообщения "Контент в ближайшее время" с 2004 года.

В любом случае, когда запускается 2.27, он выдает диалог "Открыть". Открытие файла .dot покажет график, но отмена приведет вас к ни что, кроме строки меню. Не смущайтесь, создайте файл с текстом

graph graphname {
}

и назовите его something.dot.

Откройте это в Graphviz, и вы получите графический интерфейс с пустым графиком:

Введите еще один текст в файл:

graph graphname {
  a -- b -- c -- d -- a;
  a -- c;
  b -- d;
}

Окно Graphviz автоматически обновляется при сохранении, чтобы показать это:

В панели инструментов "Атрибуты" имеется множество опций, но похоже, что они хотят, чтобы вы вручную отредактировали источник. Я вроде как ожидал кнопки "Добавить вершину" и "Добавить край" и способность перемещать вершины вокруг, но это не то, о чем он, видимо.

Итак, редактор WYSIWYG, видимо, является вашим любимым текстовым редактором на одной стороне экрана, а Graphviz - с другой. Что касается IDE, похоже, что самое лучшее, что доступно сейчас, это распечатка documentation для формата DOT. Не всякая идея редактора WYSIWYG или IDE, но, вероятно, работает для активных пользователей.

Ответ 2

Graphviz.app имеет команду открыть текущий точечный файл во внешнем редакторе. Если вы используете это, он будет контролировать дескриптор файла для изменений и обновлять график после каждого сохранения во внешнем редакторе. Это как вы можете заставить его работать как интерфейс WYSIWYG.

Кнопка "Изменить" в верхнем левом углу рядом с "Настройки".

На самом деле он постоянно контролирует дескриптор файла, поэтому я открываю файл dot в Graphviz.app, запускаю vim и редактирую dotfile (с set backupcopy=yes) и наблюдаю за обновлением графика после каждого :w.

Ответ 3

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

Краткая история:

• http://ushiroad.com/jsviz/ - ushiroad приготовил этот парень. Используя проект Emscripten, он скомпилировал достаточно графиков для получения макета и основного материала node как чистого приложения javascript. Вы должны щелкнуть маленькую кнопку круглой стрелки в нижней правой части кадра DOR src.

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

Автор был достаточно хорош, чтобы загрузить свою работу в github, https://github.com/gyuque/livizjs

• https://github.com/mdaines/viz.js - похоже, что он перешел на следующий уровень, из выглядит так, как будто vis.js может делать все, что может сделать стандартная сборка graphviz, но все в вашем браузере.

Итак, если вы были так склонны - вы могли бы легко взять один из легких (но pro!) редакторов в браузере, таких как CodeMirror (он имеет поддержку vi key) - и подстройте кнопку "render", например, jsviz.

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

Ответ 4

Отличный OmniGraffle может импортировать *.dot файлы, но, к сожалению, я не думаю, что вы можете вернуться туда и обратно экспортируйте отредактированные результаты в виде точечного файла изначально.

Ответ 5

Был пользовательский интерфейс, называемый dotty. Я не помню, чтобы это было очень приятно использовать.

http://linux.die.net/man/1/dotty

Ответ 6

Pixelglow выглядит как сайт, на который вы ссылаетесь.

Я отмечаю, что теперь они предлагают решение с поддержкой IPhone (!)

Ответ 7

Другим решением может быть tintfu. К сожалению, он не позволяет напрямую редактировать исходный код.

Ответ 8

Если вы проверите простой график, google chart api - это хорошо. Я установил ниже настройки поисковой системы в хроме.

http://chart.apis.google.com/chart?cht=gv&chl=%s&foo=.png

( "foo =.png" является подсказкой для некоторого распознающего систему изображения)