Refreshing the plotly with new data python

i am creating div and then rendering to the template file in django
below is code for the view.py

def get_chart_data(request):
    import numpy as np
    import plotly.graph_objs as go
    from plotly.offline import plot
    x_data = []
    y_data=[]
    y_data2=[]
    for i in range(1,100):
        x_data.append(i)
        y_data.append(random.randint(1,4)*random.randint(9,400))
        y_data2.append(random.randint(1,4)*random.randint(9,40))
    trace1 = go.Bar(
        x=x_data,
        y=y_data,
       # mode='markers',
       name='today'
       
    )

    trace2 = go.Bar(
        x=x_data,
        y=y_data,
        name='yesterday'
       # mode='markers',
       
    )

    data = [trace1,trace2]
    layout = go.Layout(
        autosize=True,
        #width=900,
        #height=500,
        barmode = 'relative', # group/relative/stack
        xaxis=dict(
            autorange=True
        ),
        yaxis=dict(
            autorange=True
        )
    )
    fig = go.Figure(data=data, layout=layout)
    plot_div = plot(fig, output_type='div', include_plotlyjs=False)
    
    langs = ['C', 'C++', 'Java', 'Python', 'PHP']
    students = [23,17,35,29,12]
    trace = go.Pie(labels = langs, values = students)
    data = [trace]
    fig1=go.Figure(data=data)
    plot_div1 = plot(fig1, output_type='div', include_plotlyjs=False)
    return render(request,'refresh_plotly.html',{'plot':plot_div,'plot1':plot_div1})```
and below is the template file 
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

<script src="/static/assets/js/axios.min.js"></script>

<script src="/static/assets/plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="/static/assets/plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<div id="jam">

    {{plot|safe}}

    {{plot1|safe}}

</div>

<script>

    var sitename = "JAM"

    var plotly = document.getElementById("jam");

    function loadPlotly() {

        axios.get('/refresh_plotly', {

            params: {

                site: sitename

            }

        }).then(function (resp) {

           console.log(resp.data);

            plotly.innerHTML = resp.data

        }).catch(function (err) {

            console.log(err)

        })

    }

    setInterval(function () {

        loadPlotly();

    }, 3000);

</script>
```

if i want to reload the div again by calling some other URL ( which offcourse gives same giv ) it is not refreshing.
when i put resp.data in html file and open graph is there but it is noty getting update live