Zeigen Sie ein interaktives Plotdiagramm (HTML-Datei) auf GitHub-Seiten an

Ich habe die folgende Handlung wie folgt erstellt:

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

Dann habe ich das HTML als solches erstellt:

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

Durch Ausführen des obigen Codes wird eine HTML-Datei generiert, die ich in meinem Browser anzeigen kann.

Gibt es eine Möglichkeit, die HTML-Datei in der Mitte einer Markdown-Datei auf meinen GitHub-Seiten anzuzeigen, damit ich die interaktiven Funktionen von plotly nutzen kann?

Hier ist eine ähnliche Frage, die ich gestellt habe

Wenn Sie Jekyll auf Ihrer GitHub-Seiten-Site verwenden.

Bereiten Sie Ihre Daten vor:

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-Datei generieren:

import plotly.io as pio

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

Laden Sie die figure.htmlDatei hoch und schreiben Sie sie in den _includesOrdner im Stammverzeichnis Ihres Site-Repositorys.

Wenn Sie jetzt Markdown zum Erstellen Ihrer Beiträge verwenden, können Sie das Include- Tag verwenden und figure.htmlIhren Beitrag folgendermaßen aufrufen :

{% include figure.html %}

Übernehmen Sie diese Zeile in Ihre Post- .mdDatei im _postsOrdner. Überprüfen Sie die Ergebnisse.