image_df_display.py

import streamlit as st
import pandas as pd

# Sample DataFrame
df1 = pd.DataFrame({
    'Name': ['John', 'Alice', 'Bob'],
    'Age': [30, 25, 35]
})

# Sample DataFrame
df2 = pd.DataFrame({
    'City': ['New York', 'Los Angeles', 'Chicago'],
    'Population': [8398748, 3990456, 2705994]
})

# Sample images
image_urls = {
    'Image 1': "https://via.placeholder.com/150",
    'Image 2': "https://via.placeholder.com/150",
    'Image 3': "https://via.placeholder.com/150"
}

# Display the app title
st.title('Image and DataFrame Display')

# Display the image selection dropdown on the left half
st.sidebar.title('Select Image')
selected_image = st.sidebar.selectbox('Select Image:', options=list(image_urls.keys()))

# Display the selected image on the left half
st.sidebar.image(image_urls[selected_image], caption=selected_image)

# Display the DataFrame selection dropdown on the right half
st.sidebar.title('Select DataFrame')
selected_df = st.sidebar.selectbox('Select DataFrame:', options=['DataFrame 1', 'DataFrame 2'])

# Display the selected DataFrame on the right half
st.write('## Selected DataFrame')
if selected_df == 'DataFrame 1':
    st.write(df1)
elif selected_df == 'DataFrame 2':
    st.write(df2)