Рендеринг Python seaborn Plot на шаблоне Django

Я пытаюсь отобразить график, сгенерированный seaborn, на шаблоне Django.

У меня есть следующий код в моем файле views.py:

def booking_hour_plot():
    qs = bookings_today()
    df = read_frame(qs)
    plot = sns.countplot(data=df)
    return plot

def render_stats_page(request):
    #general info
    user_count = total_users_until_now()
    cancel_rate = activity_cancel_rate()

    #activity/booking details
    activity_set = activities_today()
    booking_set = bookings_today()
    plot = booking_hour_plot()

    return render(request, "stats.html", {'name':'Avonmore Statistics', 

    'total_user':int(user_count),
    'cancel_rate': round(float(cancel_rate), 2),
    'booking_count_today': booking_set.count(),
    'activity_count_today': activity_set.count(),

    'activities_today': activity_set,
    'bookings_today': booking_set,
    'booking_hour_plot': plot,
    
    })

И у меня есть html-шаблон под названием stats.html, который содержит график. Каталог шаблонов и views.py находятся в одном каталоге:

<li>Real Time Plot: {{booking_hour_plot}}</li>

Однако отрисованная html-страница на самом деле не показывает сюжет. Это больше похоже на объект сюжета: введите описание изображения здесь

Есть идея, как поместить реальный график на html-страницу, а не этот объект графика?

Попробуйте сохранить и закодировать ваш plot как png файл, затем отобразить как <img> элемент tag таким образом:

from io import BytesIO
import base64

def booking_hour_plot():
    qs = bookings_today()
    df = read_frame(qs)
    plot = sns.countplot(data=df)
    plot_file = BytesIO() 
    plot.savefig(plot_file, format='png')
    encoded_file - base64.b64encode(plot_file.getValue())
    return encoded_file

в stats.html: 

<li>Real Time Plot: <img src='data:image/png;base64,{{booking_hour_plot}}'/></li>
Вернуться на верх