How to fasten up adding multiple images to plot

📊 Plotly Python
1

I am working on that beautiful meteogram with plotly

Bildschirmfoto vom 2020-01-07 17-57-20
Bildschirmfoto vom 2020-01-07 17-57-201822×945 129 KB

For this purpose I have to add several images to the plot. This takes a lot of time. Here ~4s for 144 images.

I tried to add all images as a list, but add_layout_images just takes a dict-like Image object as you can see in my snippet.

So is there a way to do this much faster ?

PS: Images are pre opened and stored into dict with from PIL.PngImagePlugin.PngImageFile objects. And I am running on the latest plotly version.

    for location in range(len_forecast):
        fig.add_layout_image(
            go.layout.Image(
                source=weather_icon_images[weather_icons[location]-1],
                xref="x",
                yref="y",
                x=location + 0.5,
                y=temp[location] + 0.4,
                sizex=1.55,
                sizey=1.8,
                xanchor="center",
                yanchor="middle"
                ))
        fig.add_layout_image(
            go.layout.Image(
                source=wind_icon_images[wind_mapping[location]],
                xref="x",
                yref="paper",
                x=location + 0.5,
                y=-0.05,
                sizex=0.9,
                sizey=0.9,
                xanchor="center",
                yanchor="middle",

            ))
2

After some time I sepnt to understand how plotly works with annotations I was able to find a much faster way. You can easiely create a list of layout.Image objects and parse them as following to the layout:

fig.update_layout(
images=list_of_layout_images
)
3

Hi meteoDan, would it be possible that you share your full code (i.e. the way how you created the “list_of_layout_images”)? This would be highly appreciated as I am trying to achieve a similar thing :-)!