Search code examples
pythonhtmlplotlyplotly-dashplotly-python

Is there a way to make a plotly plot that just displays text?

I am creating a dash-app, that makes some callbacks until it finally draws a 3D-scatter-plot. This takes about one or two seconds. I would like to know if there is a way to make a plot in the beginning that just contains text (something like "Plot is being computed. This can take some seconds.").

So far I am doing something like

    dcc.Graph(
        id='scatter_plot',
        figure=px.scatter_3d(title="Plot is being computed. This can take some seconds."),

    ),

So I start with an empty plot that shows my desired message. This is OK, but I would prefer to have the text a bit more eye-catching, without a plot around, that attracts attention. Is there a way to do so?

So far it is looking like this:

enter image description here

In holoviews there is something like that: https://holoviews.org/reference/elements/bokeh/Div.html#elements-bokeh-gallery-div

Solution

  • You can use:

    dcc.Graph(
        id='scatter_plot',
        figure=px.scatter_3d().add_annotation(text="Plot is being computed. This can take some seconds.", showarrow=False, font={"size":20})
)

    Then replace figure with fully constructed 3d scatter in callback