Update app.py

app.py

@@ -20,7 +20,8 @@ sidebar_option = st.sidebar.radio("Select an option",
                                   "Drawing: Multipartite Layout", "Drawing: Node Colormap",
                                   "Drawing: Rainbow Coloring", "Drawing: Random Geometric Graph","Drawing: Self-loops",
                                   "Drawing: Simple Path", "Drawing: Spectral Embedding", "Drawing: Traveling Salesman Problem",
-                                  "Drawing: Weighted Graph", "3D Drawing: Animations of 3D Rotation", "3D Drawing: Basic Matplotlib"])
+                                  "Drawing: Weighted Graph", "3D Drawing: Animations of 3D Rotation", "3D Drawing: Basic Matplotlib",
+                                  "Graphviz Drawing: Conversion"])
 
 # Helper function to draw and display graph
 def draw_graph(G, pos=None, title="Graph Visualization"):
@@ -28,6 +29,81 @@ def draw_graph(G, pos=None, title="Graph Visualization"):
     nx.draw(G, pos=pos, with_labels=True, node_color='lightblue', node_size=500, font_size=10, font_weight='bold')
     st.pyplot(plt)
 
+def graphviz_drawing_conversion():
+    st.title("Graphviz Drawing: Conversion")
+
+    # Sidebar selection for Default Example or Custom Graph
+    graph_mode = st.radio(
+        "Choose a Mode:",
+        ("Default Example", "Create Your Own"),
+        help="Default example shows graph conversions, or you can create your own custom graph."
+    )
+
+    if graph_mode == "Default Example":
+        # Create a complete graph (K5)
+        G = nx.complete_graph(5)
+        
+        # Convert NetworkX graph to Graphviz graph
+        A = nx.nx_agraph.to_agraph(G)  # convert to a graphviz graph
+        
+        # Convert back to NetworkX graph using different methods
+        X1 = nx.nx_agraph.from_agraph(A)  # Convert back to NetworkX as Graph
+        X2 = nx.Graph(A)  # Another method to convert
+        G1 = nx.Graph(X1)  # Another Graph conversion
+
+        # Write the graph to a DOT file
+        A.write("k5.dot")
+        
+        # Read the graph from the DOT file
+        X3 = nx.nx_agraph.read_dot("k5.dot")
+        
+        # Display the Graphviz file and the conversions
+        st.write("### Graphviz to NetworkX Conversion Examples:")
+        st.write("X1 (from AGraph to NetworkX):", list(X1.edges()))
+        st.write("X2 (from AGraph to NetworkX):", list(X2.edges()))
+        st.write("G1 (from NetworkX Graph to Graph):", list(G1.edges()))
+        st.write("X3 (from DOT file to NetworkX):", list(X3.edges()))
+        
+        # Draw the graph and save as PNG
+        A.draw("k5.png", prog="neato")  # Save the graph as a PNG file
+        
+        # Display the graph image
+        st.image("k5.png", caption="Graphviz Drawing of K5")
+
+    elif graph_mode == "Create Your Own":
+        st.write("### Custom Graph Creation")
+
+        # Input for custom graph (create a random graph)
+        num_nodes = st.slider("Number of Nodes", min_value=2, max_value=50, value=10)
+        num_edges = st.slider("Number of Edges", min_value=1, max_value=num_nodes*(num_nodes-1)//2, value=10)
+
+        # Generate a custom graph
+        G_custom = nx.gnm_random_graph(num_nodes, num_edges)
+        
+        # Convert to Graphviz and draw
+        A_custom = nx.nx_agraph.to_agraph(G_custom)
+        
+        # Write custom graph to DOT file
+        A_custom.write("custom_graph.dot")
+        
+        # Read the graph from the DOT file
+        X_custom = nx.nx_agraph.read_dot("custom_graph.dot")
+        
+        # Display custom graph conversion details
+        st.write("### Custom Graph Conversion:")
+        st.write("Custom Graph Edges (from NetworkX to Graphviz):", list(G_custom.edges()))
+        st.write("Custom Graph Edges (from DOT to NetworkX):", list(X_custom.edges()))
+        
+        # Draw the custom graph and save as PNG
+        A_custom.draw("custom_graph.png", prog="neato")
+        
+        # Display the custom graph image
+        st.image("custom_graph.png", caption="Custom Graph Drawing")
+
+# Display the corresponding page based on sidebar option
+if sidebar_option == "Graphviz Drawing: Conversion":
+    graphviz_drawing_conversion()
+
 if sidebar_option == "3D Drawing: Animations of 3D Rotation":
     st.title("3D Drawing: Animations of 3D Rotation")