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

На самом деле я загрузил графический интерфейс для graphviz (не помню сайт), в котором говорилось, что они выиграли премию Apple Design Award. Но на самом деле этот инструмент отображает только созданный мной файл *.dot. Вот и все. Он просто называется "Graphviz"... Я думаю, что есть лучшие инструменты для использования технологии Graphviz.

Я попробовал это: текст ссылки

Хоть они и говорят, что получили награду Apple Design Award, я действительно не вижу там какого-то особенного графического интерфейса. Очень плохой интерфейс.


person Thanks    schedule 02.05.2009    source источник
comment
Поскольку graphviz выполняет автоматическую компоновку, чего именно вы ожидаете от редактора WYSIWYG? Визуальное редактирование свойств?   -  person Andy Dent    schedule 27.05.2009
comment
Плагин для редактора Atom отлично подходит для работы с проектами GraphViz — atom.io/packages/graphviz- предварительный просмотр   -  person Dennis Snell    schedule 03.02.2016
comment
Существует также плагин Sublime Text 3, который может отображать графическое изображение в режиме реального времени. packagecontrol.io/packages/Graphvizer   -  person haolee    schedule 31.01.2018


Ответы (7)


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

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

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

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

graph graphname {
}

и назовите это как-то .dot.

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

альтернативный текст

Введите в файл еще немного текста, например:

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

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

альтернативный текст

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

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

person Kevin Vermeer    schedule 10.11.2010
comment
Это следует выбрать как правильный ответ, так как он объясняет, как это сделать с текущей версией GraphViz. - person chaimp; 05.01.2012
comment
@jeffp - автора вопроса не видели с ноября 2009 года, так что это вряд ли произойдет. Кроме того, сейчас мы работаем на версии 2.28, а разработка ведется на версии 2.29, так что она больше не является актуальной. (Однако она более актуальна, чем 1.13, версия, указанная в ответе с наибольшим количеством голосов) - person Kevin Vermeer; 05.01.2012

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

graphviz

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

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

person rampion    schedule 02.05.2009
comment
если вы говорите о программном обеспечении Pixelglow: я не вижу возможности запустить какой-либо редактор. Он просто открывает файл *.dot и отображает его. Ничего больше. Какой софт вы имеете в виду? - person Thanks; 02.05.2009
comment
Я говорю о Graphviz.app от pixelglow, да. См. скриншот выше. - person rampion; 02.05.2009
comment
Это с версии 1.13 (16). Я только что попытался установить новый (graphviz-2.22.2.pkg), но не смог заставить его работать на моей машине, поэтому у него может быть другой интерфейс. - person rampion; 02.05.2009
comment
кажется, у вас есть какая-то счастливая другая версия. мой действительно показывает только меню. Это оно. Интерфейса нет вообще. Если я открываю файл, то у меня есть только пустое окно с отрендеренным графиком. Но мгновенное обновление работает, когда я открываю его в этом приложении, а затем в текстовом редакторе. - person Thanks; 04.05.2009
comment
Версия 1.13 все еще доступна: pixelglow.com/downloads/graphviz-1.13-v16.dmg - person rampion; 05.05.2009
comment
1.13 доступен только для плат за клик. Вы можете создать свою собственную копию более новой версии, используя доморощенный, или просто из исходного кода (но следуйте рецепту доморощенного). - person keflavich; 22.11.2012

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

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

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

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

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

Итак, если бы вы были так склонны, вы могли бы довольно легко использовать один из легковесных (но профессиональных!) редакторов в браузере, таких как CodeMirror (у него есть поддержка клавиши vi) — и настроить кнопку «рендеринг», например jsviz.

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

person synthesizerpatel    schedule 04.02.2013
comment
Я согласен с тем, что vis.js выглядит многообещающе, но, к сожалению, на GitHub нет никаких коммитов с момента первоначального импорта 2 года назад. - person Ken Williams; 23.04.2014
comment
Вот рабочая версия: dreampuf.github.io/GraphvizOnline - person arvidj; 13.04.2018

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

person Community    schedule 04.05.2009
comment
Насколько я знаю, OG использует graphviz... Думаю, когда-нибудь я получу OG, когда заработаю монеты в магазине приложений ;) - person Thanks; 04.05.2009

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

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

person Brian Agnew    schedule 02.05.2009
comment
да, они делают, но это не вариант. Я думаю, им следует улучшить свое приложение для Mac ;) ... действительно, приложение даже близко не соответствует тому, что показано на скриншоте. Он состоит только из строки меню, которая позволяет открывать файл и увеличивать и уменьшать масштаб. у него нет больше возможностей, чем это. Я не верю, что они выиграли какую-либо награду. - person Thanks; 02.05.2009
comment
Да. Я не смотрел на это. Я отмечаю это только для справки людей - person Brian Agnew; 02.05.2009
comment
Да, оригинал получил награду в основном за адаптацию к технологии Mac. Он был разветвлен и теперь оставлен позади, потому что это был полностью переписанный механизм рендеринга Graphviz. В настоящее время Глен работает над новым графическим интерфейсом для просмотра и рендеринга GraphViz на Mac и Windows, который немного уступил в качестве графического интерфейса, но остается основным для исходного кода. Я считаю, что AT&T финансирует некоторые из его работ, но не превосходный Instaviz для iPhone. - person Andy Dent; 27.05.2009

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

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

person philcolbourn    schedule 17.02.2010
comment
Дотти совершенно ужасна. Постоянно бывают глюки с графикой, я даже не могу понять как сохранить изменения, да и вообще очень сложно получить нужные изменения. - person Qwertie; 23.07.2010
comment
Помимо простоты использования и глюков, мой профессор математики сказал, что это правильный путь... - person Kevin Vermeer; 10.11.2010

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

person exhuma    schedule 08.12.2009
comment
Я не мог понять, как его использовать... он не отображает никакого графического вывода, и проще использовать текстовый редактор, чем редактировать график на левой панели. - person Qwertie; 23.07.2010
comment
Я сам только быстро попробовал. Когда я попробовал это, это сработало, как рекламируется. Но, как вы сказали, редактировать исходный код вручную намного проще, поэтому я не стал следить за этим приложением. - person exhuma; 12.08.2010