Update app.py

app.py

@@ -12,7 +12,7 @@ import matplotlib.colors as mpl
 
 # Sidebar for selecting an option
 sidebar_option = st.sidebar.radio("Select an option", 
-                                 ["Select an option", "Basic: Properties", 
+                                 ["Introductory Tutorial", "Basic: Properties", 
                                   "Basic: Read and write graphs", "Basic: Simple graph", 
                                   "Basic: Simple graph Directed", "Drawing: Custom Node Position",
                                   "Drawing: Cluster Layout", "Drawing: Degree Analysis",
@@ -25,6 +25,48 @@ sidebar_option = st.sidebar.radio("Select an option",
                                   "Graph: DAG - Topological Layout", "Graph: Erdos Renyi", "Graph: Karate Club", "Graph: Minimum Spanning Tree",
                                   "Graph: Triads", "Algorithms: Cycle Detection", "Algorithms: Greedy Coloring"])
 
+# Display content when "Select an option" is chosen
+if sidebar_option == "Introductory Tutorial":
+    st.title("Graph Visualization and Analysis Options")
+    
+    # Add content descriptions
+    descriptions = [
+        ("Basic: Properties", "Explore fundamental properties of graphs, such as node count, edge count, and degree distribution."),
+        ("Basic: Read and Write Graphs", "Load graphs from files or save current graphs for later use."),
+        ("Basic: Simple Graph", "Generate undirected graphs for basic visualization."),
+        ("Basic: Simple Graph Directed", "Create directed graphs to analyze workflows or dependencies."),
+        ("Drawing: Custom Node Position", "Manually set node positions for custom layouts."),
+        ("Drawing: Cluster Layout", "Visualize clusters to identify tightly connected groups."),
+        ("Drawing: Degree Analysis", "Highlight node connections and identify hubs or influencers."),
+        ("Drawing: Ego Graph", "Focus on a single node and its immediate connections."),
+        ("Drawing: Eigenvalues", "Analyze graph structure using Laplacian eigenvalues."),
+        ("Drawing: House With Colors", "Display a simple 'house graph' with colored nodes and edges."),
+        ("Drawing: Labels and Colors", "Customize graph appearance with labels and colors."),
+        ("Drawing: Multipartite Layout", "Visualize graphs with nodes divided into distinct layers."),
+        ("Drawing: Node Colormap", "Apply gradient colors based on node properties."),
+        ("Drawing: Rainbow Coloring", "Differentiate edges with colorful patterns."),
+        ("Drawing: Random Geometric Graph", "Generate graphs based on spatial proximity."),
+        ("Drawing: Self-loops", "Visualize and highlight self-loops in graphs."),
+        ("Drawing: Simple Path", "Display linear connections or sequences."),
+        ("Drawing: Spectral Embedding", "Visualize nodes in reduced-dimensional space."),
+        ("Drawing: Traveling Salesman Problem", "Visualize optimized paths for visiting all nodes."),
+        ("Drawing: Weighted Graph", "Show graphs with weighted edges."),
+        ("3D Drawing: Animations of 3D Rotation", "Create rotating 3D graph visualizations."),
+        ("3D Drawing: Basic Matplotlib", "Generate basic 3D graph plots."),
+        ("Graph: DAG - Topological Layout", "Analyze directed acyclic graphs in topological order."),
+        ("Graph: Erdos Renyi", "Generate random graphs with probabilistic connections."),
+        ("Graph: Karate Club", "Visualize the classic 'Karate Club' benchmark graph."),
+        ("Graph: Minimum Spanning Tree", "Find and display a graph's minimum spanning tree."),
+        ("Graph: Triads", "Analyze three-node structures for relationships."),
+        ("Algorithms: Cycle Detection", "Detect and highlight cycles in a graph."),
+        ("Algorithms: Greedy Coloring", "Color nodes to prevent adjacent nodes from sharing colors.")
+    ]
+    
+    for title, desc in descriptions:
+        st.subheader(f"### {title}")
+        st.write(desc)
+        st.write("---")
+
 def plot_greedy_coloring(graph):
     # Apply greedy coloring
     graph_coloring = nx.greedy_color(graph)