innerdoc/streamlit-timeline

A simple Streamlit Component to display a Timeline in Streamlit apps. It integrates Knightlab's TimelineJS.

streamlit-timeline's Issues

A request to use local images in the Timeline component

Thanks a lot for the component, it helps me a lot to show my work, but I still have a need. For some reasons, I can only display some images locally, and I want to load them in the timeline.
However, limited by technology, according to the example.json file you provided, I have seen the method of importing images by url, but I have not seen the strategy of localization import. Please guide me.

   "title": {
        "media": {
          "url": "",
          "caption": " <a target=\"_blank\" href=''>credits</a>",
          "credit": ""
        },
        "text": {
          "headline": "Welcome to<br>TastePeptides-Meta",
          "text": "<p>A Timeline showcasing the development process of TastePeptides-Meta</p>"
        }
    },

Unable to run example

Hi!
I'm facing an issue when trying to run your example code. I'm kinda new with coding, so apologies in advance if this is basic info.
When I run the example.py with streamlit i get this error message:

Trying encoding='utf8', i get this error message:

I'm using PyCharm and Anaconda to run my scripts with streamlit. Python version is 3.9.7 and streamlit version is 1.2.0

how to set a dark mode of this timeline?

as title, thank you.

Showing timeline object starting from the latest event

Hi there,
Is it possible to add a feature to focus on the latest event at the opening?

No way to pass arguments to the additionalOptions

There is currently no way to pass arguments to the python timeline function such that they are put into the optionalArguments. See: streamlit_timeline/__init__.py#L46

It would be nice to adjust the options listed here (e.g. to set the starting slide or zoom levels)

would expect to be able to do something like this:

timeline(data, options={"scale_factor": 1, "start_at_slide": 5})