import streamlit as st
import graphviz as gv

# Define the Graphviz diagram using the DOT language
dot = gv.Digraph()

# Add some nodes and edges to the diagram
dot.node('A', label='<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/SVG_logo.svg/1024px-SVG_logo.svg.png" width="50"/>')
dot.node('B', label='<img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Python-logo-notext.svg" width="50"/>')
dot.node('C', label='<img src="https://upload.wikimedia.org/wikipedia/commons/2/27/Google_Drive_logo.svg" width="50"/>')
dot.edge('A', 'B', label='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5V2zm10 5l-10 5v10l10-5V7z"/></svg>')
dot.edge('A', 'C', label='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M16 10c0 1.1-.9 2-2 2H2v8h16v-2c0-1.1.9-2 2-2h2V10h-2zM8 14c0 1.1-.9 2-2 2H4v-4h2c1.1 0 2 .9 2 2zm10 0c0 1.1-.9 2-2 2h-2v-4h2c1.1 0 2 .9 2 2z"/></svg>')

# Render the diagram in Streamlit using the Graphviz renderer
st.graphviz_chart(dot.source)