Streamlit component for rendering vis.js timeline with bidirectional communication.
Check out the GitHub repositories streamlit-timeline and streamlit-timeline-demo. For JavaScript examples, check out the vis.js timeline examples and documentation.
pip install streamlit-vis-timelineimport streamlit as st
from streamlit_timeline import st_timeline
st.set_page_config(layout="wide")
items = [
{"id": 1, "content": "2022-10-20", "start": "2022-10-20"},
{"id": 2, "content": "2022-10-09", "start": "2022-10-09"},
{"id": 3, "content": "2022-10-18", "start": "2022-10-18"},
{"id": 4, "content": "2022-10-16", "start": "2022-10-16"},
{"id": 5, "content": "2022-10-25", "start": "2022-10-25"},
{"id": 6, "content": "2022-10-27", "start": "2022-10-27"},
]
timeline = st_timeline(items, groups=[], options={}, height="300px")
st.subheader("Selected item")
st.write(timeline)