可嵌入的可自定义图形编辑器(Java,Flash,HTML + Javascript)

时间:2011-05-25 17:09:43

标签: layout graph editor visualization graphviz

我有一个使用复杂的图形结构作为配置的应用程序。应用程序本身类似于NetGraph - 或netfilter防火墙,因此图形节点具有类型和属性(对应于操作),并且它们与有向边相互连接。

我希望为我的应用程序提供一个易于使用的配置编辑器,以图形形式提供配置的可视化和编辑。

在我的梦想场景中,应用程序会将此配置作为一种流行图形格式的文件(例如TGFDOTGraphML等)接收,解析它使用

一些要求(不是很严格,我愿意考虑各种选项) - 图形编辑应该是:

  • 可嵌入Web UI中 - 即以Javascript / HTML,Flash或Java applet实现
  • 能够加载TGF样式的图形(即没有布局指令,节点没有坐标)并自动将它放在一个不错的位置
  • 能够将此图表保存回来
  • 能够使用对HTTP服务器的请求加载/保存,而不是直接使用文件
  • 可自定义以使其适用于严格的节点类型集(以便用户不能仅为给定节点创建任意节点类型或任意属性)
  • 开源

到目前为止,我发现yEd并且它的Flash版本Graphity - 看起来都很酷,但它们不可自定义(将它们剥离为裸机功能,即创建一个几个节点类型)而不是开源,所以将它们嵌入任何承诺都有点痛苦。

我正在考虑的另一个选择是废弃整个“可视化编辑器”的想法,并让用户在纯文本文件中记下裸TGF或DOT样式的定义将它们可视化以供以后检查使用像GraphViz这样的东西。这是一种可行的方式吗?

1 个答案:

答案 0 :(得分:1)

你看过InfoVis了吗?特别是,force-directed layout and editing可能适用。图形源数据类似于DOT,尽管是json格式。但是,源数据中没有布局信息。

编辑:还有ProtoVis类似的内容。

第h