Wyświetl interaktywny wykres działkowy (plik .html) na stronach GitHub


10

Utworzyłem następujący fabułę w następujący sposób:

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

Następnie utworzyłem HTML jako taki:

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

Uruchomienie powyższego kodu generuje plik .html, który mogę wyświetlić w przeglądarce.

Czy istnieje sposób wyświetlania pliku .html w środku pliku przeceny na moich stronach GitHub, aby móc korzystać z interaktywnych funkcji fabularnych?

Oto podobne pytanie, które zadałem

Odpowiedzi:


4

Jeśli używasz Jekyll w swojej witrynie stron GitHub.

Przygotuj swoje dane:

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

Wygeneruj plik HTML:

import plotly.io as pio

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

Prześlij figure.htmlplik i zatwierdz go do _includesfolderu w katalogu głównym repozytorium witryny.

Teraz, jeśli używasz przecen do tworzenia swoich postów, można użyć obejmują tag i połączenia figure.htmlw poście z czymś takim:

{% include figure.html %}

Zatwierdź ten wiersz do .mdpliku posta w _postsfolderze. Sprawdź wyniki.


Zrobiłem to, co zasugerowałeś, ale kiedy wypchnąłem swoje zobowiązania, dostałem wiadomość e-mail od GitHub z informacją: „Kompilacja strony nie powiodła się z mastergałęzi z następującym błędem: Kompilacja strony nie powiodła się”. Oto link do odpowiedniego pliku .md
Ethan

@ Ethan Potrzebuję więcej szczegółów ... Komunikat o błędzie powinien zawierać więcej informacji help.github.com/en/github/working-with-github-pages/… Prawdopodobnie twój post jest za duży, 7 wątków * 3,15 MB = 22 MB. Średnia strona internetowa to 3 MB. Możesz pokonać wykorzystanie przepustowości GitHub. Jest limit, ale nie jest udokumentowany. stackoverflow.com/questions/28706454/…
Plo_Koon

Próbowałem usunąć wszystko oprócz jednego wątku i nadal mam ten sam błąd. Czy wiesz, jak mogę sprawdzić rozmiar artykułu? Nie było też określonego błędu w wiadomości e-mail. Oto cała treść: „Strona build zawiodły na masteroddział z powodu następującego błędu: build Page udało uzyskać więcej informacji, zob. Help.github.com/en/github/working-with-github-pages/... Informacje na temat. rozwiązywanie problemów Jekyll patrz: help.github.com/articles/troublesh-jekyll-builds "
Ethan

Ogólne błędy kompilacji nie spowodują wygenerowania wiadomości e-mail zawierającej określone informacje o pliku i błędzie. Jeśli otrzymasz wiadomość e-mail z napisem „Kompilacja strony nie powiodła się” bez dalszych szczegółów lub witryna GitHub Pages nie wyświetla się po pierwszym wypchnięciu, sprawdź, czy nie występują typowe błędy. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon

Przejrzałem je wszystkie, ale żadna z rzekomych poprawek nie działa z moim repozytorium. Wysłałem problem przez github, mam nadzieję, że pokażą mi odpowiedź i opublikuję tutaj
Ethan
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.