Strip ticker label

Hi Everybody,

I’m wondering if it is possible to build something like this:

A strip that constantly moves showing different information.

I thought the solution should be in animation:
Plotly Python Graphing Library | Python | Plotly

But I don’t have enough knowledge to do it. :woozy_face:

Thanks for any recomendation :smiley:

Hi @nicolaskruchten,

Could you help me with this question? :thinking:

Thanks :slightly_smiling_face:

Is it the same text that is shown in rotation? Or is it a text stream from somewhere?

Hi @Emil,

The Idea is to show different information related to the stock market, it could be the S&P 500 value or Oil price, Gold, etc. and % variation or different Company share, etc. or the Portfolio of an investor or even some news.

I think It should be some info that is stored in a DataFrame-

Thanks for your help.

I guess the react-ticker component could be an option,

It seems to do more-or-less what you need :blush:

Hey @Emil,

Yes! But how can I integrate it in Dash, I have no knowledge using React, JS or any other language :woozy_face:

For simple components, where you don’t need to map events, it’s actually a pretty straight forward process :slight_smile: I just made a thin wrapper around the aforementioned component,

import dash
import dash_html_components as html
from dash_extensions import Ticker

app = dash.Dash(__name__)
app.layout = html.Div(Ticker([html.Div("Some text")], direction="toRight"))

if __name__ == '__main__':

You can try it out in dash-extensions==0.0.39rc2.

Peek 2020-12-23 10-57

1 Like

Thank You so much! Emil.