GitHub Sayfalarında etkileşimli grafik (.html dosyası) görüntüle

Ben aşağıdaki gibi komplo arsa yarattım:

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')

Sonra html'yi şöyle yarattım:

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

Yukarıdaki kodu çalıştırmak, tarayıcımda görüntüleyebileceğim bir .html dosyası oluşturur.

GitHub Sayfalarımdaki bir işaretleme dosyasının ortasında .html dosyasını görüntülemenin bir yolu var, bu yüzden arsa etkileşimli özelliklerini kullanabilir miyim?

İşte sorduğum benzer bir soru

GitHub sayfaları sitenizde Jekyll kullanıyorsanız .

Verilerinizi hazırlayın:

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()

HTML dosyası oluştur:

import plotly.io as pio

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

figure.htmlDosyayı yükleyin ve _includessite deponuzun kök dizinindeki klasöre kaydedin.

Kullandığınız Şimdi eğer fiyat indirimlerini yayınlarınızı oluşturmak için kullanabileceğiniz içerir etiketi ve çağrıyı figure.htmlböyle bir şey ile yazınıza:

{% include figure.html %}

Bu satırı klasördeki gönderi .mddosyanıza ekleyin _posts. Sonuçları kontrol edin.