fix remaining tutorial bugs

Author: N-Coder

docs/examples/layouts.py

@@ -69,19 +69,15 @@
 # GA
 
 # %%
+import threading
 import ipywidgets as ipyw
 import textwrap
 
 select = ipyw.Dropdown(options=layouts.keys(), value="SugiyamaLayout")
 widget = MatplotlibGraph(GA)
 info = ipyw.HTML()
 
-
-def set_layout(_):
-    info.value = f"Computing..."
-    l = select.value
-    print(l, layouts[l])
-    print(cppinclude(layouts[l]))
+def run_layout(l):
     L = getattr(ogdf, l)()
     GA.clearAllBends()
     try:
@@ -101,19 +97,29 @@ def set_layout(_):
                 f"Failed ({textwrap.shorten(str(e), width=100, placeholder='...')})"
             )
             raise
+    finally:
+        select.disabled = False
     info.value = f"Success <a href='{L.__doc__}' target='_blank'>(Docs)</a>"
     widget.update_all(GA)
     widget.ax.relim()
     widget.ax.autoscale()
     widget.ax.figure.canvas.draw_idle()
 
 
+def set_layout(_):
+    info.value = f"Computing..."
+    select.disabled = True
+    l = select.value
+    print(l, layouts[l])
+    print(cppinclude(layouts[l]))
+    threading.Thread(target=run_layout, args=(l,)).start()
+
+
 select.observe(set_layout, names="value")
 
 display(ipyw.VBox([ipyw.HBox([select, info]), widget.ax.figure.canvas]))
 
 # %%
-
 # TutteLayout requires the graph to be triconnected
 cppinclude("ogdf/energybased/TutteLayout.h")
 cppinclude("ogdf/basic/simple_graph_alg.h")

docs/tutorial/2 embeddings.py

@@ -40,7 +40,7 @@
 # likewise, reordering nodes and edges in the interactive preview doesn't change the order
 
 # %% [markdown]
-# ![img/adjList.png](attachment:img/adjList.png)
+# ![img/adjList.png](img/adjList.png)
 
 
 # %%
@@ -103,7 +103,7 @@ def dump(o):
 # try to locate this face in your drawing!
 
 # %% [markdown]
-# ![img/faceOrder.png](attachment:img/faceOrder.png)
+# ![img/faceOrder.png](img/faceOrder.png)
 
 # %%
 # instead of manually trying to find a planar embedding, OGDF can do that for us!
@@ -115,5 +115,3 @@ def dump(o):
 print("\n".join(str(n) for n in G.nodes))
 # the embedding is different!?
 # how does this embedding differ from the one we found?
-
-# %%

docs/tutorial/7 iterative dfs C++.py

@@ -2,7 +2,6 @@
 # In this notebook, we'll show how to gradually migrate Python code to more efficient C++ code, while keeping the interactivity of Jupyter's notebooks. We'll use the "iterative DFS" from the Python tutorial as example for the migration, so make sure to have that notebook open for comparison! First, we'll create our example graph (in plain Python for simplicity):
 
 # %%
-# %matplotlib widget
 from ogdf_python import ogdf, cppinclude
 
 cppinclude("ogdf/basic/graph_generators/randomized.h")
@@ -140,7 +139,7 @@
 # The [`%%writefile` cell magic](https://ipython.readthedocs.io/en/stable/interactive/magics.html#cellmagic-writefile) below will create the file for you, which we can `cppinclude` in the cell after.
 
 # %%
-# %%writefile dfs_step.h
+%%writefile dfs_step.h
 
 using namespace ogdf; // stop prefixing everything with ogdf::
 
@@ -212,7 +211,7 @@ def dump(): # utility function for easily displaying the current state
 # The widget works as before!
 
 # enable the interactive widget
-# # %matplotlib widget
+%matplotlib widget
 import ipywidgets
 from ogdf_python.matplotlib import MatplotlibGraph