Is there a way to add images onto the x axis?

[zarthisius]

Basically title. Is there a way within plot nine to add images in place of labels to the x axis tick positions?

I know you can get the matplotlib figure and axis using .draw() and matplotlib has this functionality using OffsetImage() but I am having a hard time actually implementing this.

Any help would be greatly appreciated

[has2k1]

There isn't an easy way to do it. If/when we make it possible, we would want it to be much simpler than OffsetImage is for matplotlib.

Please post some examples (examples, mockups, etc) of what you want to do, they will help when working on the feature.

[zarthisius]

Thanks for the quick reply!

Sure, following is a minimum working example and what I want to be able to do

df = pd.DataFrame({'countries': ["Norway", "Spain", "Germany", "Canada", "China"], 'values': [10, 20, 30, 22, 19]})
p = (
    ggplot(data=df)
    +aes(x='countries', y='values')
    +geom_bar(stat='identity')
)

p.draw()

This gives the following graph

But instead I would want to be able to generate a graph similar to

Where the images of the countries flags are provided separately

Just to make it easier to work on and consolidated here the links to the country flag images that work with my above example:

Canada
China
Germany
Norway
Spain

Using images directly from hyperlinks would be cool but ideally I want to use custom images stored locally.

I also believe ggplot2 has this functionality via the ggtext package as shown in the second example of this link:
ggtext

On a side note: you mentioned there is not an easy way but is any way possible for the time being even if somewhat convoluted to achieve this? Would love for any guidance towards implementing something similar with the current combination of plotnine and matplotlib packages

Thanks again!

[TerryGamon]

Workaround, you can do it like this:

I my example you need country flag image files with .jpg in the same directory.
Please tell me if you need a github example.

(Sorry, I didn't care about optics)

import pandas as pd
import plotnine as p9
import matplotlib
import matplotlib.pyplot as plt


df = pd.DataFrame({'countries': ["Norway", "Spain", "Germany", "Canada", "China"], 
                   'values': [10, 20, 30, 22, 19]})
df['jpg'] = df['countries'] + '.jpg'
df['countries'] = pd.Categorical(values=df['countries'], categories=df['countries'], ordered=True)

p = (
    p9.ggplot(data=df)
    +p9.aes(x='countries', y='values')
    +p9.geom_bar(stat='identity')
    +p9.scale_y_continuous(limits=(-3,30))
    +p9.theme(figure_size=[16,9])
)

fig = p.draw()
ax = fig.axes[0]

for i, row in df.iterrows():
    img = matplotlib.offsetbox.OffsetImage(
        plt.imread(row['jpg']), 
        zoom = 0.2)
    ax.add_artist(matplotlib.offsetbox.AnnotationBbox(img,
        (i+1 ,-2)
        ,pad = 0.4
        ,frameon =False
        )
        )
fig

[TerryGamon]

See also my Issue: #869

[TerryGamon]

and of course you can use .png too

[zarthisius]

I see thanks for the work around I managed to do what I wanted