Selectable Image Grid for Data Explorer Application

[Ankit]

Hi, I am working on a image based data explorer and want to show the images in a grid like layout with filters in side bar, so user can apply filters and traverse through images and select one/multiple images by clicking on them.

I tried to show images with st.columns() but also want to implement selection of images. Based on selected images, I need to create a list of them to process further so would need some ID also for each image.

I am new to streamlit so I may not aware of all functionalities/features, kindly suggest a way to achieve above requirements.

Thanks in advance!!

[Shawn_Pereira]

See if these 2 links help:

Grid of images with the same height?

Hi! I’m working on a book recommendation system based on a LDA model and want to show the book options on one page. Right now I’m using st.image() and passing the list of images which comes from a column in the dataframe, and it looks like this: st.image(filteredImages, width=150, caption=caption) [Screen Shot 2021-03-10 at 1.13.59 PM] I’m able to set the width but not the height, so all of them have different heights. I tried using the pillow library to resize each image but the run time in…

streamlit-imagegrid