[image] [Open in Streamlit] Streamlit component for rendering vis.js timeline . Check out the GitHub repositories streamlit-timeline and streamlit-timeline-demo . For JavaScript examples, check out the vis.js timeline examples and documentation . Installation pip install streamlit-vis-timeline U…

What a fabulous Component, Qiusheng! :raised_hands: I’ve added it to @andfanilo ’s Component tracker! :tada:

Huge thanks for this wonderful component, Qiusheng! Would you have an idea how I could accomplish multiselection in my code? I checked the documentation and passed " ‘mulitselect’: True" into the options but it does not work. import streamlit as st from streamlit_timeline import st_timeline st.se…

I am a beginner in python. So, I am not sure how do I get my dataframe into a format that is suited for this library. So, far I have done following but it is not working. I am getting error of “string indices must be integers”. My dataframe name is item3 here (a subset of my main dataframe filteredd…

[image] robert.k: "selectable": True, "multiselect": True, "zoomable": True, "verticalScroll": True, …

Hello, Could someone please help me change the style of the line and the dot? My only success is to change the box’s style without changing the line and the dot. thank you

Amazing component! Loved it! I am planning to use it to schedule the production at my ice cream factory. So far I was able to to display the data, it has worked perfectly. But I was not able to store the new “start” data after rearranged, as the component returns the initial value of the item. Does…

With “start” and “end” you can configure the start and endpoint of the axis once the timeline is loaded for the first time. When setting these options the timeline does not load at all. The code needs to be rerun to display the timeline. from streamlit_timeline import st_timeline st_timeline(items…

Another issue I figured out is the clustering option which seems not to work properly. I am rendering about 20k items and therefore would like to use the “cluster” option described at the documentation of vis.js timeline vis.js Docu I am trying to cluster items with the following code but nothing …

Hello! I have a similar issue here, does anyone know how to change the box style and line colour? Also, any idea how to insert custom dates on the x axis for the particular events added to the timeline? Thanks!

Hi, I have one question here. How can have this Timeline directly within Streamlit in Snowflake? Or if you know any alternative solution for having a Timeline directly in Snowflake? Thank you!

New Component: Streamlit Timeline, creating beautiful timelines with bi-directional communication

Show the Community!

Charly_Wargnier October 11, 2022, 1:49pm 2

What a fabulous Component, Qiusheng!

I’ve added it to @andfanilo’s Component tracker!

Topic		Replies	Views
Streamlit timeline component - prevent rerun while selecting items in timeline Using Streamlit cache	2	1403	December 21, 2022
Reusable Timeline Component with demo for History of NLP Show the Community!	7	3200	May 1, 2022
🗞 Weekly Roundup: Streamlit timeline components, sophisticated palettes, subtitled video generators and more! Show the Community! weekly-roundup	0	1620	October 24, 2022
New Component: streamlit-terran-timeline makes it super easy to create face-recognition timelines! Custom Components computer-vision	5	4222	August 16, 2020
New Component: streamlit_calendar, a new way to create calendar view in Streamlit Custom Components	35	26176	October 3, 2025

New Component: Streamlit Timeline, creating beautiful timelines with bi-directional communication

Related topics