Visualizza il grafico a trama interattivo (file .html) sulle pagine GitHub


10

Ho creato la seguente trama complicata in questo modo:

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

Quindi ho creato l'html come tale:

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

L'esecuzione del codice sopra genera un file .html che posso visualizzare nel mio browser.

C'è un modo per visualizzare il file .html nel mezzo di un file markdown sulle mie pagine GitHub, in modo da poter utilizzare le funzionalità interattive di plotly?

Ecco una domanda simile che ho posto

Risposte:


4

Se usi Jekyll nel tuo sito di pagine GitHub.

Prepara i tuoi dati:

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

Genera file HTML:

import plotly.io as pio

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

Carica il figure.htmlfile e salvalo nella _includescartella nella radice del repository del tuo sito.

Ora, se stai usando il markdown per creare i tuoi post, puoi usare il tag include e chiamare figure.htmlnel tuo post con qualcosa del genere:

{% include figure.html %}

Conferma questa riga nel tuo .mdfile post nella _postscartella. Controlla i risultati


Ho fatto quello che mi hai suggerito, ma quando ho spinto i miei commit ho ricevuto un'email da GitHub che diceva "La creazione della pagina non è riuscita per il masterramo con il seguente errore: Creazione della pagina non riuscita" Cosa avrei potuto fare di sbagliato? Ecco un link al file .md in questione: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan

@E dovrei avere maggiori dettagli ... Il messaggio di errore dovrebbe contenere maggiori informazioni help.github.com/en/github/working-with-github-pages/… Probabilmente il tuo post è troppo grande, 7 grafici * 3,15 MB = 22 MB. La pagina Web media è di 3 MB. È possibile superare l'utilizzo della larghezza di banda di GitHub. C'è un limite ma non è documentato. stackoverflow.com/questions/28706454/...
Plo_Koon

Ho provato a rimuovere tutto tranne una trama e continuo a ripetere lo stesso errore. Sai come posso verificare la dimensione di un articolo? Inoltre, non c'è stato alcun errore specifico nell'email. Ecco l'intero contenuto: "La creazione della pagina non è riuscita per il masterramo con il seguente errore: Creazione della pagina non riuscita. Per ulteriori informazioni, consultare help.github.com/en/github/working-with-github-pages/… . Per informazioni su risoluzione dei problemi Jekyll: help.github.com/articles/tro troubleshooting- jekyll - builds "
Ethan,

Gli errori generici di compilazione non produrranno un'e-mail con informazioni specifiche su file e errori. Se ricevi un'email che dice semplicemente "Creazione della pagina non riuscita" senza ulteriori dettagli o il tuo sito GitHub Pagine non viene visualizzato dopo il primo push, controlla questi errori comuni. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon

Ho esaminato tutte quelle, ma nessuna delle supposte correzioni funziona con il mio repository. Ho inviato un problema tramite github, speriamo che possano mostrarmi la risposta e posterò qui
Ethan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.