Django : Plotly показывает сюжеты на localhost, но не на heroku

Я пытаюсь отобразить некоторые графики (созданные с помощью plotly) на моей странице, это работает абсолютно нормально на localhost, но при развертывании на heroku графики не отображаются.

код для создания графика в views.py

def icons(request, name): 
    l1 = testtable.objects.values()
    d1 = []
    d2 = []
    for i in l1:
        d1.append(i["d1"])
        d2.append(i["d2"])
    fig =px.bar(x=d1,y=d2)
    photo = plotly.io.to_html(fig,config= {'displayModeBar': False})
    fig2 = px.line(x=d1, y=d2)
    photo1 = plotly.io.to_html(fig2,config= {'displayModeBar': False})
    return render(request, 'icons.html', {'name':name,"photo":photo,"photo1":photo1})

код в icons.html

{% extends 'index.html' %} {% block content %}
<div class="content icon-content">
  <div class="container icon-container">
    <h3 class="icon-heading">Quick Launch</h3>
    <div class="icon-bar">
      <a class="active" href="#"><i class="fas fa-hand-pointer fa-2x"></i><span>Time In/Out</span></a>
      <a href="#"><i class="fa-solid fa-copy fa-2x"></i><span>My Attendance Record</span></a>
      <a href="#"><i class="fa-solid fa-calendar-minus fa-2x"></i><span>My Leave List</span></a>
      <a href="#"><i class="fa-solid fa-file-invoice-dollar fa-2x"></i><span>My Payslips</span></a>
      <a href="#"><i class="fa-solid fa-calendar-check fa-2x"></i><span>Apply Leave</span></a>
      <a href="#" class="timesheet-icon"><i class="fa-solid fa-calendar-days fa-2x"></i><span>My Timesheet</span></a>
      <a href="#" class="team-icon"><i class="fa-solid fa-people-group fa-2x"></i><span>My Team</span></a>
    </div>
  </div>
  <hr>
  <div class="container icon-container">
    <h3 class="icon-heading">Pending My Approval</h3>
    <div class="icon-bar">
      <a class="active" href="#"><i class="fa-solid fa-file-circle-check fa-2x"></i><span>Leave</span></a>
      <a href="#"><i class="fa-solid fa-user-check fa-2x"></i><span>Attendance Regularization</span></a>
      <a href="#"><i class="fa-solid fa-business-time fa-2x"></i><span>Timesheet</span></a>
    </div>
  </div>
  <div>

    {% if photo %} {{ photo|safe }} {% else %}
    <p>No graph was provided.</p>
    {% endif %}

  </div>
  <div>
    {% if photo1 %} {{ photo1|safe }} {% else %}
    <p>No graph was provided.</p>
    {% endif %}
  </div>
</div>
{% endblock %}

При запуске на heroku

При запуске на localhost

Вернуться на верх