Is there any components help me to add animation cards?

Hello All,

I wanna to make a cards that change the inside value after few seconds?

Something like that, here are two cards that have values change after a few seconds to other aggregated value

value of 0K calls is change by animated move

Is there any component in dash or any package that can help me to add animation to my dashboard?

Thanks in advance

Hello @DoaaElbanaa,

Yes there is, check out the go.Indicator. :slight_smile:

import plotly.graph_objs as go
from dash import Dash, html, dcc, Output, Input, no_update

app = Dash()
app.layout = html.Div([

    dcc.Graph(figure=fig, animate=True, id='test'),
    dcc.Interval(id='int', interval=3000)

    Output('test', 'figure'),
    Input('int', 'n_intervals')
def update(n):
    if n:
        fig = go.Figure(data=go.Indicator(value=50*n))
        return fig
    return no_update
1 Like