graphviz有什么好的IDE或WYSIWYG编辑器吗？

Question

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

我试过这个:链接文字

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

Answer 1

Graphviz.app的当前版本不包含在显示的"外部编辑器"按钮,风铃草的截图上面-或者渲染/停止按钮,它已经取代了"设置"按钮,"属性".但是,它可以如所述使用.

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

使用第一个,我选择最近的发展快照-在邮件列表(A一眼的兴趣和devel的)表明,它仍然是相当活跃的,你就不会从仍然有"内容即将推出"的消息在pixelglow网站知道从2004年开始.

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

graph graphname {
}

并称之为something.dot.

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

替代文字

在文件中输入更多文本,如下所示:

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

保存时,Graphviz窗口会自动更新以显示:

替代文字

"属性"工具箱中有很多选项,但看起来他们希望您手动编辑源代码.我有点期待"添加顶点"和"添加边"按钮,并左右移动顶点的能力,但是这不是讨论什么内容,显然.

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

Answer 2

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

graphviz的

"编辑"按钮位于左上角,位于"设置"旁边.

实际上它无论如何都会持续监视文件句柄,所以我要做的是打开Graphviz.app中的点文件,启动vim并编辑点文件(with set backupcopy=yes)并在每次之后观察图形更新:w.

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 - 看起来它已经进入了一个新的水平,从演示页面看起来好像vis.js可以完成graphviz的标准版本可以做的所有事情,但所有在你的浏览器.

所以,如果你是如此倾向 - 你可以很容易地采用像CodeMirror这样的轻量级(但是专业!)浏览器内编辑器(它具有vi键支持) - 并且像jsviz一样装配一个'渲染'按钮.

所以..不完全是你在寻找什么.但对于花费一点时间解决这个问题的人来说,这是一个神圣的问题 - 基于网络的客户端图形工具的恩惠等待着.