Provide graph editor that works with Jupyter

[slelievre]

This ticket is about providing a graph editor that works in Jupyter (Jupyter Notebook or JupyterLab).

Possibly in the form of a Jupyter widget, using any existing one if possible.

This is part of

• #29889: Metaticket: Jupyter improvements for things that were in sagenb

Related:

• ​Stack Overflow question 63803031: Graph drawing tool that gives graph6 code

• ​Sage Trac tickets about graph editor

• ​graph_editor source code in archived sagenb code repository

[slelievre]

I cc-ed a lot of people who have had historical involvement with this topic.

If you mind, email me to un-cc you (un-cc-ing yourself would have the opposite effect of subscribing you forever to updates on this ticket).

[slelievre]

And if I forgot someone who wanted to be cc-ed, it's easy: just cc yourself.

[nthiery]

Candidates could be francy, bqplot, networkx+matplotlib. A promising one:

​https://blog.jupyter.org/interactive-graph-visualization-in-jupyter-with-ipycytoscape-a8828a54ab63

[nvcleemp]

Some nice features would be:

• ability to disable any automatic layouting: not as annoying as an editor that keeps moving vertices while you're trying to construct a complicated graph
• ability to have a layout-only mode: if you have a graph, you might want to change the layout without accidentally changing the graph structure

Probably some more, but these are the first two I could think of.

[slelievre]

Replying to nvcleemp:

Some nice features would be:

• ability to disable any automatic layouting: not as annoying as an editor that keeps moving vertices while you're trying to construct a complicated graph
• ability to have a layout-only mode: if you have a graph, you might want to change the layout without accidentally changing the graph structure

Probably some more, but these are the first two I could think of.

The "CS academy" graph editor (not sure about the license -- I'm asking them) has those features. There's a button "Force" to let some force reshape the graph, and buttons "Draw", "Edit", "Delete", "Config" that stop the movement to let the user edit the graph. There's also a text column on the left where one can manually edit the graph vertices and edges.

• ​https://csacademy.com/app/graph_editor/