https://github.com/robmarkcole/streamlit-image-juxtapose

A simple Streamlit Component to compare images in Streamlit apps. It integrates Knightlab's JuxtaposeJS
https://github.com/robmarkcole/streamlit-image-juxtapose

streamlit

Last synced: about 1 month ago
JSON representation

A simple Streamlit Component to compare images in Streamlit apps. It integrates Knightlab's JuxtaposeJS

• Host: GitHub
• URL: https://github.com/robmarkcole/streamlit-image-juxtapose
• Owner: robmarkcole
• License: apache-2.0
• Created: 2021-06-05T03:19:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-16T09:56:33.000Z (over 1 year ago)
• Last Synced: 2024-12-24T20:02:00.733Z (about 1 month ago)
• Topics: streamlit
• Language: Python
• Homepage:
• Size: 1.55 MB
• Stars: 38
• Watchers: 3
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# streamlit-image-juxtapose

A simple Streamlit Component to compare images in Streamlit apps using [Knightlab's JuxtaposeJS](https://juxtapose.knightlab.com/). The images are saved to the streamlit `static` directory then served via streamlit as an image overlay with an adjustable slider.







## Development

* Create and activate a venv: `python3 -m venv venv` and `source venv/bin/activate`

* Install requirements: `pip3 install -r requirements.txt`

* Run streamlit: `streamlit run app.py`

## Pip installable alternative

If you wish to `pip install` the functionality provided by this plugin checkout [streamlit-image-comparison](https://github.com/fcakyon/streamlit-image-comparison)

## References

- https://juxtapose.knightlab.com/

- https://github.com/innerdoc/streamlit-timeline

- https://discuss.streamlit.io/t/restrict-download-of-images-videos-on-streamlit-app/11718/2