graphviz visual editor

GraphViz-Visual-Editor

在http://magjac.com/graphviz-visual-editor上尝试一下。

DOT语言中描述的GraphViz图的交互式视觉编辑的Web应用程序。

安装

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

注意： Make Stage发出了一些警告。忽略他们。

为应用程序创建优化的构建：

 npm run build

从创建React App Readme和用户指南中了解更多信息。

实施功能

• 从文本点表示渲染图。
• 平移和缩放图。
• 在上下文敏感文本编辑器中编辑点源。
• 通过鼠标相互作用对图的视觉编辑：
  • 通过单击或拖放插入节点形状。
  • 选择默认节点样式，颜色和填充。
  • 在节点之间绘制边缘。
  • 通过单击或区域拖动选择节点和边缘，然后在文本编辑器中标记它们。
  • 删除选定的节点和边缘。
  • 剪切/复制一个选定的节点。
• 图形在视觉上编辑时自动更新点源。
• 编辑点源时图形的自动更新。
• 进行更改时，将图形的动画过渡到新状态。
• 通过自动保存并检索到浏览器中的本地存储中，通过自动保存和检索页面重新加载期间的点源和应用状态。
• 导出图作为URL，并从此类URL导入图。
• 导出图作为SVG。
• 选项：
  • 自动将图形拟合到可用的绘图区域。
  • 选择GraphViz布局引擎。
• 在线帮助：
  • 键盘快捷键
  • 鼠标相互作用

经过测试的浏览器

• Firefox 71
• Chrome 79

已知问题

这里未列出已知问题。

所有已知的错误和增强请求都在GitHub上报告为问题，并在“问题”选项卡下列出。

所有开放问题

列出了错误和增强请求。

已知的打开错误

打开增强请求

已知限制

限制是故意发布而没有完整功能的功能。限制既被归类为错误，又是增强请求，以反映这是从作者的角度尚未实现的增强，但从用户的角度来看，它可能被视为错误。

封闭的问题

路线图

缺少许多很酷的功能。它们在GitHub上被列为或将被列为增强请求。

还有一个项目委员会显示短期活动。