update

src/streamlit_app.py

@@ -448,6 +448,117 @@ def main():
             else:
                 st.info("Tidak ada menu yang ditemukan sesuai kriteria Anda. Coba sesuaikan filter!")
 
+    # Tambahkan section untuk visualisasi graph
+    st.subheader("🔗 Visualisasi Graph Network ITS")
+    
+    # Checkbox untuk menampilkan graph
+    show_graph = st.checkbox("Tampilkan visualisasi graph network")
+    
+    if show_graph:
+        # Ambil subset graph untuk visualisasi (untuk performa)
+        with st.spinner("Memproses visualisasi graph..."):
+            # Ambil node subset untuk visualisasi yang lebih ringan
+            building_nodes = [n for n in graph.nodes() if graph.nodes[n].get('type') == 'building']
+            road_nodes = [n for n in graph.nodes() if graph.nodes[n].get('type') == 'road']
+            
+            # Batasi jumlah road nodes untuk performa
+            road_nodes_subset = road_nodes[:50] if len(road_nodes) > 50 else road_nodes
+            
+            # Gabungkan nodes untuk visualisasi
+            nodes_to_show = building_nodes + road_nodes_subset
+            subgraph = graph.subgraph(nodes_to_show)
+            
+            # Siapkan data untuk plotly
+            edge_x = []
+            edge_y = []
+            edge_info = []
+            
+            for edge in subgraph.edges(data=True):
+                x0, y0 = subgraph.nodes[edge[0]]['x'], subgraph.nodes[edge[0]]['y']
+                x1, y1 = subgraph.nodes[edge[1]]['x'], subgraph.nodes[edge[1]]['y']
+                edge_x.extend([x0, x1, None])
+                edge_y.extend([y0, y1, None])
+                edge_info.append(f"Length: {edge[2].get('length', 'N/A'):.1f}m")
+            
+            # Data untuk nodes
+            node_x = []
+            node_y = []
+            node_text = []
+            node_color = []
+            
+            for node in subgraph.nodes(data=True):
+                x, y = node[1]['x'], node[1]['y']
+                node_x.append(x)
+                node_y.append(y)
+                
+                if node[1].get('type') == 'building':
+                    node_text.append(f"Building: {node[1].get('name', 'Unknown')}")
+                    node_color.append('red')
+                else:
+                    node_text.append(f"Road Node: {node[0]}")
+                    node_color.append('blue')
+            
+            # Buat plot dengan plotly
+            fig = go.Figure()
+            
+            # Tambahkan edges
+            fig.add_trace(go.Scatter(
+                x=edge_x, y=edge_y,
+                line=dict(width=1, color='gray'),
+                hoverinfo='none',
+                mode='lines',
+                name='Roads'
+            ))
+            
+            # Tambahkan nodes
+            fig.add_trace(go.Scatter(
+                x=node_x, y=node_y,
+                mode='markers',
+                marker=dict(
+                    size=8,
+                    color=node_color,
+                    line=dict(width=2, color='white')
+                ),
+                text=node_text,
+                hoverinfo='text',
+                name='Locations'
+            ))
+            
+            # Update layout
+            fig.update_layout(
+                title="Graph Network ITS (Building & Road Connections)",
+                showlegend=True,
+                hovermode='closest',
+                margin=dict(b=20,l=5,r=5,t=40),
+                annotations=[
+                    dict(
+                        text="Red: Buildings, Blue: Road Nodes",
+                        showarrow=False,
+                        xref="paper", yref="paper",
+                        x=0.005, y=-0.002,
+                        xanchor='left', yanchor='bottom',
+                        font=dict(size=12)
+                    )
+                ],
+                xaxis=dict(showgrid=False, zeroline=False, showticklabels=False, title="Longitude"),
+                yaxis=dict(showgrid=False, zeroline=False, showticklabels=False, title="Latitude"),
+                height=600
+            )
+            
+            st.plotly_chart(fig, use_container_width=True)
+            
+            # Tampilkan statistik graph
+            col1, col2, col3, col4 = st.columns(4)
+            with col1:
+                st.metric("Total Nodes", len(graph.nodes()))
+            with col2:
+                st.metric("Total Edges", len(graph.edges()))
+            with col3:
+                st.metric("Buildings", len(building_nodes))
+            with col4:
+                st.metric("Road Nodes", len(road_nodes))
+
+
 # Jalankan aplikasi jika file dieksekusi langsung
 if __name__ == "__main__":
     main()