Как построить граф matplotlib (интерактивный граф) в шаблон django?

Question

Я знаю, что этот вопрос задавался несколько раз, но я просто не могу найти лучшее решение.У меня есть код Arduino для чтения и построения графиков через Matplotlib.Эти показания представляют собой объем воды, проходящей через датчик в данный момент времени.Я не хочу просто отображать изображение в формате HTML, а весь интерактивный график.Ниже приведен мой код на Python для построения графика

import serial
import numpy as np
import matplotlib.pyplot as plt
from drawnow import *


ser = serial.Serial('COM3', baudrate = 9600)

f=[]
v = []
plt.ion()
count=0



def makeFig():
    ax1 = plt.subplot(211)
    plt.ylim(0,50)
    plt.title('Flowrate')
    plt.grid(True)
    plt.ylabel('Flow')
    plt.plot(f, 'ro-', label='litre/min')
    plt.legend(loc='upper left')




    ax2 = plt.subplot(212, sharex=ax1)
    plt.ylim(0,10000)

    plt.grid(True)
    plt.ylabel('volume')
    plt.plot(v, 'ro-', label='mL')
    plt.legend(loc='upper left')




while True:
    arduinoData = ser.readline().decode('ascii')
    dataArray = arduinoData.split(',')
    flow = float (dataArray[0] )
    volume = float ( dataArray[1])
    f.append(flow)
    v.append(volume)
    drawnow(makeFig)


    plt.pause(.000001)
    count=count+1
    if(count>60):
        f.pop(0)
        v.pop(0)

Мой views.py выглядит примерно так:

def footprint(request):
    v  = vol()
    volume = v
    return render(request, 'main/footprint.html', {'volume': volume})

Пожалуйста, предложите какой-нибудь метод, чтобы как можно проще получить этот график на HTML..