Visual graph editing through mouse interactions and configuration of basic default attributes for node and edge insertion

Implemented Features

• Rendering of a graph from a textual DOT representation.
• Panning and zooming the graph.
• Editing the DOT source in a context sensitive text editor.
• Visual editing of the graph through mouse interactions:
  • Insert node shapes by click or drag-and-drop.
  • Select default node style, color and fillcolor.
  • Draw edges between nodes.
  • Select nodes and edges by click or by area drag.
  • Delete selected nodes and edges.
  • Cut/Copy-and-paste a selected node.
• Automatic update of the DOT source when the graph is visually edited.
• Automatic update of the graph when the DOT source is edited.
• Animated transition of the graph into a new state when changes are made.
• Preservation of the DOT source and the application state during page reloads by automatic save and retrieve to/from local storage in the browser.
• Options:
  • Automatically fit the graph to the available drawing area.
  • Select Graphviz layout engine.
• On-line help:
  • Keyboard shortcuts
  • Mouse interactions

Currently Known Limitations

Apart from the numerous cool features that are missing; here's a list of known limitations in the features that do exist:

• The only fully tested browser is Firefox. Testing with Chrome has started and the problems found are reported as issues.
• The visual editing capabilities requires the DOT source to be organized with only one node or edge per line, since they currently operate by inserting or deleting complete lines.
• Cut/Copy-and-paste of nodes in subgraphs is not yet supported.