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

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

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