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

10

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

Ethan
quelle

Antworten:

4

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.

Plo_Koon
quelle
Ich habe das getan, was Sie vorgeschlagen haben, aber als ich meine Commits gepusht habe, erhielt ich eine E-Mail von GitHub mit der Meldung "Der Seitenaufbau ist für den masterZweig mit dem folgenden Fehler fehlgeschlagen: Seitenaufbau fehlgeschlagen" Was hätte ich falsch machen können? Hier ist ein Link zur fraglichen .md-Datei: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan
@Ethan Ich brauche mehr Details ... Die Fehlermeldung sollte weitere Informationen enthalten. Help.github.com/de/github/working-with-github-pages/… Wahrscheinlich ist Ihr Beitrag zu groß, 7 Plots * 3,15 MB = 22 MB. Die durchschnittliche Webseite ist 3 MB groß. Sie können die Bandbreitennutzung von GitHub überwinden. Es gibt eine Grenze, die jedoch nicht dokumentiert ist. stackoverflow.com/questions/28706454/…
Plo_Koon
Ich habe versucht, alles außer einem Plot zu entfernen, und ich gehe immer noch den gleichen Fehler. Wissen Sie, wie ich die Größe eines Artikels überprüfen kann? Außerdem gab es keinen bestimmten Fehler in der E-Mail. Hier ist der gesamte Inhalt: "Der Seitenaufbau ist für den masterZweig mit dem folgenden Fehler fehlgeschlagen: Seitenaufbau fehlgeschlagen. Weitere Informationen finden Sie unter help.github.com/de/github/working-with-github-pages/… . Weitere Informationen zu Fehlerbehebung Jekyll siehe: help.github.com/articles/troubleshooter-jekyll-builds "
Ethan
Bei generischen Buildfehlern wird keine E-Mail mit bestimmten Datei- und Fehlerinformationen erstellt. Wenn Sie eine E-Mail mit der Meldung "Seitenerstellung fehlgeschlagen" ohne weitere Details erhalten oder Ihre GitHub Pages-Site nach dem ersten Push nicht angezeigt wird, überprüfen Sie diese häufigen Fehler. help.github.com/de/enterprise/2.14/user/articles/…
Plo_Koon
Ich habe all diese durchgesehen, aber keine der angeblichen Korrekturen funktioniert mit meinem Repository. Ich habe eine Ausgabe über Github eingereicht, hoffentlich können sie mir die Antwort zeigen und ich werde hier posten
Ethan