Reusable Timeline Component with demo for History of NLP

Show the Community!
1

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
image2262×1340 177 KB

6 Likes
2

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)
2 Likes
3

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!

4

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!

2 Likes
5

Awesome! Will try as soon as I can :star_struck:

Feel free to add it to our Components Tracker :slight_smile:

Fanilo

6

Nice!
Added it to the components tracker.

1 Like
7

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
8

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