Mostrar gráfico de trazado interactivo (archivo .html) en las páginas de GitHub


10

He creado la siguiente trama argumental de esta manera:

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

Luego creé el html como tal:

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

Ejecutar el código anterior genera un archivo .html que puedo ver en mi navegador.

¿Hay alguna manera de mostrar el archivo .html en medio de un archivo de descuento en mis páginas de GitHub, para que pueda usar las funciones interactivas de plotly?

Aquí hay una pregunta similar que hice

Respuestas:


4

Si utiliza Jekyll en su sitio de páginas de GitHub.

Prepara tus datos:

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

Generar archivo HTML:

import plotly.io as pio

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

Sube el figure.html archivo y confírmelo a la _includescarpeta en la raíz del repositorio de su sitio.

Ahora, si está utilizando Markdown para crear sus publicaciones, puede usar la etiqueta de inclusión y llamar figure.htmlen su publicación con algo como esto:

{% include figure.html %}

Confirme esta línea en su .mdarchivo de publicación en la _postscarpeta. Verificar resultados.


Hice lo que me sugirió, pero cuando envié mis confirmaciones recibí un correo electrónico de GitHub que decía "La construcción de la página falló para la masterrama con el siguiente error: La construcción de la página falló" ¿Qué podría haber hecho mal? Aquí hay un enlace al archivo .md en cuestión: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan

@Entonces necesito más detalles ... El mensaje de error debe contener más información help.github.com/en/github/working-with-github-pages/… Probablemente su publicación sea demasiado grande, 7 parcelas * 3.15MB = 22MB. La página web promedio es de 3 MB. Puede superar el uso de ancho de banda de GitHub. Hay un límite pero no está documentado. stackoverflow.com/questions/28706454/…
Plo_Koon

Traté de eliminar todo menos una trama, y ​​sigo con el mismo error. ¿Sabes cómo puedo verificar el tamaño de un artículo? Además, no hubo ningún error específico en el correo electrónico. Aquí está todo el contenido: "La construcción de la página falló para la masterrama con el siguiente error: La construcción de la página falló. Para obtener más información, consulte help.github.com/en/github/working-with-github-pages/… . Para obtener información sobre solución de problemas Jekyll ver: help.github.com/articles/troubleshooting-jekyll-builds "
Ethan

Los errores genéricos de compilación no generarán un correo electrónico con información específica de archivo y error. Si recibe un correo electrónico que simplemente dice "Falló la construcción de la página" sin más detalles, o si su sitio de GitHub Pages no se muestra después del primer envío, verifique estos errores comunes. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon

He revisado todos esos, pero ninguno de los supuestos arreglos funciona con mi repositorio. Envié un problema a través de github, espero que me puedan mostrar la respuesta y lo publicaré aquí
Ethan
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.