Tampilkan bagan plotly interaktif (file .html) di Halaman GitHub

Saya telah membuat plot plotly seperti ini:

import plotly
labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen']
values = [4500, 2500, 1053, 500]

trace = plotly.graph_objs.Pie(labels=labels, values=values)
plotly.offline.plot([trace], filename='basic-pie-chart')

Lalu saya membuat html seperti itu:

print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div'))

Menjalankan kode di atas menghasilkan file .html yang dapat saya lihat di browser saya.

Apakah ada cara untuk menampilkan file .html di tengah file penurunan harga di Halaman GitHub saya, sehingga saya dapat menggunakan fitur interaktif plotly?

Ini pertanyaan serupa yang saya tanyakan

Jika Anda menggunakan Jekyll di situs halaman GitHub Anda.

Siapkan data Anda:

import plotly.graph_objects as go

labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500, 2500, 1053, 500]
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
fig.show()

Hasilkan file HTML:

import plotly.io as pio

pio.write_html(fig, file='figure.html', auto_open=True)

Unggah figure.htmlfile dan komit ke _includesfolder di root repositori situs Anda.

Sekarang jika Anda menggunakan penurunan harga untuk membuat posting Anda, Anda dapat menggunakan tag sertakan dan panggil figure.htmldi posting Anda dengan sesuatu seperti ini:

{% include figure.html %}

Komit baris ini ke .mdfile posting Anda di _postsfolder. Periksa hasil.