added documentation to visualize a graph within a jupyter-notebook (#786)

Co-authored-by: Jonathan Bouchet <[email protected]>
Co-authored-by: Sydney Runkle <[email protected]>

Author: 3 people

docs/graph.md

@@ -190,6 +190,15 @@ stateDiagram-v2
   Increment --> DivisibleBy5
 ```
 
+In order to visualize a graph within a `jupyter-notebook`, `IPython.display` needs to be used:
+
+```python {title="jupyter_display_mermaid.py"  test="skip"}
+from graph_example import DivisibleBy5, fives_graph
+from IPython.display import Image, display
+
+display(Image(fives_graph.mermaid_image(start_node=DivisibleBy5)))
+```
+
 ## Stateful Graphs
 
 The "state" concept in `pydantic-graph` provides an optional way to access and mutate an object (often a `dataclass` or Pydantic model) as nodes run in a graph. If you think of Graphs as a production line, then your state is the engine being passed along the line and built up by each node as the graph is run.