Graph Galaxy - A Visual Editor for Graphviz


I am the developer of Graph Galaxy.

This is a show and tell. I’d like to share some thoughts and stories about it.

A few years ago, I started to use Graphviz to create some graphs. Sometimes I spent significant time to tweak the structure and style. Usually I could get a satisfied product, but the polish process is a little cumbersome to me. I couldn’t find an easy-to-use visual editor at that time. So I started a project to build a visual editor for Graphviz.

This is the first git commit:

A great project did start!

commit: 168e63c34be600f20c2bed61260545e899638059
  date: Wed Jun 6 23:20:02 2018 +0800

The goals I planned for this project are:

  1. Provide a canvas in which people could sketch the graph structure by clicking and dragging the mouse.
  2. Provide an attribute panel in which people could polish the style intuitively.

Now the above goals are almost finished. Besides, some indispensable features:

  1. Outline. The outline panel shows the table of contents, which gives us a quick insight about how the graphs are structured.
  2. Import and Export. With this, we are able to use the following workflow:
    1. Open a source file (with .gv extension) to view the graph.
    2. Edit the graph in WYSIWYG style without looking at the DOT code.
    3. Save the graph, i.e. write the exported DOT back to the file.
  3. Table Editing. We can easily create a complex and irregular table with this feature.
  4. Hand-Drawn. The stroke can be transformed to hand-drawn. Which makes the graphs more funny. :star_struck:

This is my show and tell. Thanks everyone who contributed to Graphviz!

Thanks Graph Galaxy. Nice one.

1 Like