Is there any components help me to add animation cards?

Dash Python
1

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

image
image869×169 5.48 KB

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

2

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()
fig=go.Figure(data=go.Indicator(value=50))
app.layout = html.Div([

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

@app.callback(
    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


app.run(debug=True)
1 Like