Create image_df_display.py

image_df_display.py

@@ -0,0 +1,42 @@
+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)