streamlit / image_df_display.py

Create image_df_display.py

6bd85e8 verified over 2 years ago

1.22 kB

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)

	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)