Exibir gráfico de plotagem interativo (arquivo .html) nas páginas do GitHub

10

Eu criei a seguinte plotagem gráfica assim:

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

Então eu criei o html como tal:

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

A execução do código acima gera um arquivo .html que posso ver no meu navegador.

Existe uma maneira de exibir o arquivo .html no meio de um arquivo de remarcação nas minhas páginas do GitHub, para que eu possa usar os recursos interativos do plotly?

Aqui está uma pergunta semelhante que eu fiz

Ethan
fonte

Respostas:

4

Se você usa o Jekyll em seu site de páginas do GitHub.

Prepare seus dados:

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

Gere arquivo HTML:

import plotly.io as pio

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

Faça o upload do figure.htmlarquivo e envie-o para a _includespasta na raiz do repositório do site.

Agora, se você estiver usando o markdown para criar suas postagens, poderá usar a tag include e call figure.htmlna sua postagem com algo como isto:

{% include figure.html %}

Confirme esta linha no seu .mdarquivo de postagem na _postspasta Veja os resultados.

Plo_Koon
fonte
Fiz o que você sugeriu, mas quando enviei meus commits, recebi um e-mail do GitHub dizendo "A criação da página falhou no masterramo com o seguinte erro: Falha na criação da página" O que eu poderia ter feito de errado? Aqui está um link para o arquivo .md em questão: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan
@Eu preciso de mais detalhes ... A mensagem de erro deve conter mais informações help.github.com/en/github/working-with-github-pages/… Provavelmente, sua postagem é muito grande, 7 plotagens * 3,15MB = 22MB. A página da web média é de 3 MB. Você pode superar o uso da largura de banda do GitHub. Há um limite, mas não está documentado. stackoverflow.com/questions/28706454/…
Plo_Koon
Tentei remover tudo, exceto um gráfico, e continuo com o mesmo erro. Você sabe como posso verificar o tamanho de um artigo? Além disso, não houve erro específico no email. Aqui está todo o conteúdo: "A criação da página falhou para a masterramificação com o seguinte erro: A criação da página falhou. Para obter mais informações, consulte help.github.com/en/github/working-with-github-pages/… . Para obter informações sobre solução de problemas Jekyll, consulte: help.github.com/articles/trou Troubleshooting- jekyll- builds "
Ethan
Falhas de construção genéricas não produzirão um email com informações específicas sobre arquivos e erros. Se você receber um e-mail dizendo simplesmente "Falha na criação da página" sem mais detalhes, ou se o site do GitHub Pages não estiver sendo exibido após o primeiro envio, verifique esses erros comuns. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon
Examinei tudo isso, mas nenhuma das supostas correções funciona com meu repositório. Enviei um problema através do github, espero que eles possam me mostrar a resposta e eu vou postar aqui
Ethan