Afficher un graphique intrigant interactif (fichier .html) sur les pages GitHub


10

J'ai créé l'intrigue compliquée suivante comme ceci:

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

Ensuite, j'ai créé le html en tant que tel:

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

L'exécution du code ci-dessus génère un fichier .html que je peux afficher dans mon navigateur.

Existe-t-il un moyen d'afficher le fichier .html au milieu d'un fichier de démarque sur mes pages GitHub, afin que je puisse utiliser les fonctionnalités interactives de plotly?

Voici une question similaire que j'ai posée

Réponses:


4

Si vous utilisez Jekyll dans votre site de pages GitHub.

Préparez vos données:

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

Générez un fichier HTML:

import plotly.io as pio

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

Téléchargez le figure.htmlfichier et validez-le dans le _includesdossier à la racine du référentiel de votre site.

Maintenant, si vous utilisez markdown pour créer vos articles, vous pouvez utiliser la balise include et appeler figure.htmlvotre article avec quelque chose comme ceci:

{% include figure.html %}

Validez cette ligne dans votre .mdfichier de publication dans le _postsdossier. Vérifiez les résultats.


J'ai fait ce que vous avez suggéré, mais lorsque j'ai poussé mes validations, j'ai reçu un e-mail de GitHub disant "La création de page a échoué pour la masterbranche avec l'erreur suivante: La création de page a échoué" Que pouvais-je faire de mal? Voici un lien vers le fichier .md en question: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan

@Ethan j'ai besoin de plus de détails ... Le message d'erreur devrait contenir plus d'informations help.github.com/en/github/working-with-github-pages/… Probablement que votre message est trop volumineux, 7plots * 3,15 Mo = 22 Mo. La page Web moyenne est de 3 Mo. Vous pouvez surmonter l'utilisation de la bande passante GitHub. Il y a une limite mais elle n'est pas documentée. stackoverflow.com/questions/28706454/…
Plo_Koon

J'ai essayé de supprimer tout sauf un tracé, et je fais toujours la même erreur. Savez-vous comment je peux vérifier la taille d'un article? De plus, il n'y a pas eu d'erreur spécifique dans l'e-mail. Voici le contenu complet: "La création de page a échoué pour la masterbranche avec l'erreur suivante: La création de page a échoué. Pour plus d'informations, consultez help.github.com/en/github/working-with-github-pages/… . Pour plus d'informations sur dépannage Jekyll voir: help.github.com/articles/troubleshooting-jekyll-builds "
Ethan

Les échecs de génération génériques ne produiront pas d'e-mail contenant des informations spécifiques sur les fichiers et les erreurs. Si vous recevez un e-mail qui indique simplement «Échec de la création de la page» sans plus de détails, ou si votre site GitHub Pages n'apparaît pas après le premier push, recherchez ces erreurs courantes. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon

J'ai parcouru tout cela, mais aucun des correctifs supposés ne fonctionne avec mon référentiel. J'ai soumis un problème via github, j'espère qu'ils pourront me montrer la réponse et je
Ethan
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.