Hi, I rendered the beautiful TimelineJS lib into Streamlit and made an example demo-timeline for: A History about Natural Language Processing You can also use the component yourself by: pip install streamlit-timeline Timeline Component Package Demo and Demo Code Tweet [image]

Cool! Would be awesome to go a step further and wrap this into reusable a Streamlit component :stuck_out_tongue_winking_eye: So you could use it with just: import streamlit_timeline as timeline timeline(json_object)

Just here to +1 Thiago’s comment :slight_smile: feel free to ask any questions about doing this if you feel ready to build it!

Thanks for the comments @thiago and @andfanilo , I transformed it into a component and a package: pip install streamlit-timeline Let me know if you see improvements for this reusable Streamlit-Timeline component package !

Awesome! Will try as soon as I can :star_struck: Feel free to add it to our Components Tracker :slight_smile: Fanilo

Nice! Added it to the components tracker.

I am trying to embed a Trello card or board on the timeline. Is this something that can be configured into the json object and how would I do that? Currently, I am using the card cover but it would be more meaning to have the compact picture of the card/board. TIA Trello Board

Solved it with <iframe src=""></iframe>

Reusable Timeline Component with demo for History of NLP

Show the Community!

andfanilo February 10, 2021, 10:46am 5

Awesome! Will try as soon as I can

Feel free to add it to our Components Tracker

Fanilo

Topic		Replies	Views
New Component: Streamlit Timeline, creating beautiful timelines with bi-directional communication Show the Community!	11	18003	May 20, 2024
New Component: streamlit-terran-timeline makes it super easy to create face-recognition timelines! Custom Components computer-vision	5	4200	August 16, 2020
🗞 Weekly Roundup: Streamlit timeline components, sophisticated palettes, subtitled video generators and more! Show the Community! weekly-roundup	0	1613	October 24, 2022
Streamlit timeline component - prevent rerun while selecting items in timeline Using Streamlit cache	2	1394	December 21, 2022
Streamlit Components - Community Tracker Custom Components discussion	80	73842	August 27, 2026

Reusable Timeline Component with demo for History of NLP

Related topics