Update app.py

app.py

@@ -1,6 +1,91 @@
 import streamlit as st
 from graphviz import Digraph
 
+
+st.markdown("""
+Prompt:
+Create an interactive streamlit graph builder using the graphviz diagram model language and the streamlit feature: st.graphviz_chart(figure_or_dot, use_container_width=False) to show an azure cloud architecture model including the top ten architecture components for python full stack development for web, api, ml, models, datasets torch, transformers, streamlit, azure docker and kubernetes pods for scaling
+
+""")
+
+# Dot demo:
+import streamlit as st
+
+# Define the default graphviz DOT string
+default_dot = """
+digraph G {
+    rankdir=LR
+    node [shape=box]
+    WebApp -> API
+    API -> Models
+    API -> Datasets
+    Models -> Torch
+    Models -> Transformers
+    WebApp -> Streamlit
+    Streamlit -> Azure
+    Azure -> Docker
+    Azure -> Kubernetes
+}
+"""
+
+# Define the list of top 10 components
+components = [
+    "WebApp",
+    "API",
+    "Models",
+    "Datasets",
+    "Torch",
+    "Transformers",
+    "Streamlit",
+    "Azure",
+    "Docker",
+    "Kubernetes",
+]
+
+# Define a dictionary to map component names to DOT node IDs
+node_ids = {
+    component: component.lower()
+    for component in components
+}
+
+def build_dot_string(selected_components):
+    """Builds a DOT string representing the selected components"""
+    selected_nodes = [node_ids[component] for component in selected_components]
+    dot = """
+    digraph G {
+        rankdir=LR
+        node [shape=box]
+    """
+    for node in selected_nodes:
+        dot += f"{node} [color=blue]\n"
+    for i in range(len(selected_nodes)):
+        for j in range(i+1, len(selected_nodes)):
+            dot += f"{selected_nodes[i]} -> {selected_nodes[j]}\n"
+    dot += "}"
+    return dot
+
+def main():
+    st.title("Azure Cloud Architecture Builder")
+
+    # Select the components
+    st.sidebar.title("Select components")
+    selected_components = st.sidebar.multiselect(
+        "Select the top 10 components",
+        components,
+        default=components[:3]
+    )
+
+    # Build the DOT string
+    dot = build_dot_string(selected_components)
+
+    # Render the graphviz chart
+    st.graphviz_chart(dot, use_container_width=True)
+
+if __name__ == "__main__":
+    main()
+
+
+
 # Initialize the graph
 graph = Digraph(comment='Architectural Model')