graphviz-visual-editor
graphviz-visual-editor copied to clipboard
A web application for interactive visual editing of Graphviz graphs described in the DOT language.
I came here from https://forum.graphviz.org/t/optimizing-dot-files-by-removing-redundant-information/603/3. Thanks for this app. This looks really nice already! One thing I noticed while playing around, when editing the following graph, http://magjac.com/graphviz-visual-editor/?dot=digraph%20G%20%7B%0A%09graph%20%5Bcenter%3Dtrue%2C%0A%09%09compound%3Dtrue%2C%0A%09%09fontcolor%3Dblack%2C%0A%09%09fontname%3DHelvetica%2C%0A%09%09fontsize%3D14%2C%0A%09%09penwidth%3D0.1%2C%0A%09%09ratio%3Dcompress%0A%09%5D%3B%0A%09node%20%5Bcolor%3D2%2C%0A%09%09colorscheme%3Dblues4%2C%0A%09%09fillcolor%3D1%2C%0A%09%09fontcolor%3D4%2C%0A%09%09fontname%3DHelvetica%2C%0A%09%09fontsize%3D13%2C%0A%09%09label%3D%22%5CN%22%2C%0A%09%09shape%3Dellipse%2C%0A%09%09style%3Dfilled%0A%09%5D%3B%0A%09edge%20%5Bcolor%3D2%2C%0A%09%09colorscheme%3Dblues3%2C%0A%09%09comment%3D%22Wildcard%20edge%22%2C%0A%09%09fontcolor%3D3%2C%0A%09%09fontname%3DHelvetica%2C%0A%09%09fontsize%3D10%2C%0A%09%09style%3Dsolid%0A%09%5D%3B%0A%20%20%20%20n24%20%5B%20shape%3Dellipse%5D%0A%20%20%20%20n25%20%5B%20shape%3Dellipse%5D%0A%7D%0A, the default node...
For large graphs it would be nice to have the ability to define custom subgraphs along with nodes in them and name them in the Shape Drawer. This allows for...
Can we please have a feature to select a few nodes and add them to a subgraph ?
There is a great set of sdl-shapes available that can be used in graphviz as [External PostScript procedure](https://graphviz.org/faq/#ext_ps_proc). Would it be possible to make these available in the editor? The...
Add support for setting the default value of the [dir](https://www.graphviz.org/doc/info/attrs.html#a:dir) attribute to any [dirType](https://www.graphviz.org/doc/info/attrs.html#k:dirType).
The DOT source code below generates `Expected "\"" or "\\", but "\n" found.`. ``` digraph { n1 [label="hello world"] } ```
Ideas: * Allow closing either pane, letting the other pane expand. * Allow expanding either pane to full screen width, forcing the other pane to close.
Showing the graph as a PNG [image](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image) element would allow it to be easily copy-and-pasted from the browser.