Question

实际上我已经下载了graphviz的GUI（不记得该网站），表示他们已经获得了Apple设计奖。但该工具实际上只显示我创建的* .dot文件。而已。它被称为“Graphviz”...我想有更好的工具可以使用Graphviz技术。

我试过这个：link text

虽然他们说他们赢得了Apple设计奖，但我真的看不到任何特殊的GUI。界面很差。

Answer 1

当前版本的Graphviz.app不包含上面rampion's screenshot中显示的“外部编辑器”按钮 - 或“渲染/停止”按钮，它已将“设置”按钮替换为“属性”。但是，它可以如所述使用。

我从http://graphviz.org/Download_macos.php下载了'graphviz-2.27.20101110.0545.pkg'。请注意，有几个地方可以下载各种称为Graphviz的东西：

使用第一个，我选择了最新的开发快照 - 浏览邮件列表（interest和devel）显示它仍然非常活跃，您不会从像素流网站仍然有来自2004年的“内容即将推出”消息。

无论如何，当2.27启动时，它会抛出一个“打开”对话框。打开.dot文件将显示图表，但取消会将您简化为菜单栏。不要沮丧，用文本

创建一个文件

graph graphname {
}

并称之为something.dot。

在Graphviz中打开它，你会得到一个带有空图的GUI：

alt text

在文件中输入更多文本，如下所示：

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

保存时，Graphviz窗口会自动更新以显示：

alt text

“属性”工具箱中有很多选项，但看起来他们希望您手动编辑源代码。我有点期望“添加顶点”和“添加边缘”按钮，以及移动顶点的能力，但显然不是它的意思。

所以，显然，WYSIWYG编辑器是屏幕一侧最喜欢的文本编辑器，另一侧是Graphviz。就IDE而言，现在可用的最好的东西是DOT格式的documentation打印输出。不是每个人都对WYSIWYG编辑器或IDE有所了解，但它可能适用于活跃用户。

Answer 2

Graphviz.app有一个命令可以在外部编辑器中打开当前的点文件。如果使用它，它将监视文件句柄以进行更改，并在每次保存到外部编辑器后更新图形。这就是你如何让它作为WYSIWYG界面工作。

graphviz

“编辑”按钮位于左上角，位于“设置”旁边。

实际上它无论如何都会持续监视文件句柄，所以我要做的是打开Graphviz.app中的点文件，启动vim并编辑点文件（使用set backupcopy=yes）并在每个{{之后观察图表更新1}}。

Answer 3

不完全是你要求的 - 但是我要提到的项目的潜力非常大 - 作为一个graphviz粉丝，我对现在可能的事情感到非常惊讶。

短暂的历史：

http://ushiroad.com/jsviz/ - ushiroad把这个小伙子煮熟了。使用Emscripten项目，他交叉编译了足够的graphviz，以获得布局和基本节点的东西作为一个纯粹的JavaScript应用程序。您必须单击DOT src框架右下角的小圆箭头按钮。

唯一的缺点（绝不会减少将graphviz移植到javascript的可怕性）是你可以用它做什么的限制。它基本上只是带有几个主要形状节点的点布局 - 不支持颜色。等

作者非常出色地将他的作品上传到github，https://github.com/gyuque/livizjs

https://github.com/mdaines/viz.js - 看起来它已经进入了一个新的水平，从demo page看起来好像vis.js可以完成graphviz标准版本可以做的所有事情，但所有这些都在浏览器中完成。

所以，如果你是如此倾向 - 你可以很容易地选择一个轻量级（但是专业！）的浏览器内编辑器，如CodeMirror（它有vi键支持） - 并设置'渲染'按钮就像jsviz。

所以..不完全是你想要的。但对于花费一点时间解决这个问题的人来说，这是一个神圣的问题 - 基于网络的客户端图形工具的丰富等待。

Answer 4

优秀的OmniGraffle可以导入* .dot文件，但遗憾的是我不认为你可以往返它并将编辑后的结果本地导出为点文件。

Answer 5

有一个叫做dotty的用户界面。我不记得使用它是非常好的。

Answer 6

Pixelglow看起来就像您所指的网站。

我注意到他们现在提供了支持iPhone的解决方案（！）

Answer 7

另一种解决方案可能是tintfu。不幸的是，它不允许您直接编辑源代码。