Tampilkan bagan plotly interaktif (file .html) di Halaman GitHub


10

Saya telah membuat plot plotly seperti ini:

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

Lalu saya membuat html seperti itu:

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

Menjalankan kode di atas menghasilkan file .html yang dapat saya lihat di browser saya.

Apakah ada cara untuk menampilkan file .html di tengah file penurunan harga di Halaman GitHub saya, sehingga saya dapat menggunakan fitur interaktif plotly?

Ini pertanyaan serupa yang saya tanyakan

Jawaban:


4

Jika Anda menggunakan Jekyll di situs halaman GitHub Anda.

Siapkan data Anda:

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

Hasilkan file HTML:

import plotly.io as pio

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

Unggah figure.htmlfile dan komit ke _includesfolder di root repositori situs Anda.

Sekarang jika Anda menggunakan penurunan harga untuk membuat posting Anda, Anda dapat menggunakan tag sertakan dan panggil figure.htmldi posting Anda dengan sesuatu seperti ini:

{% include figure.html %}

Komit baris ini ke .mdfile posting Anda di _postsfolder. Periksa hasil.


Saya melakukan apa yang Anda sarankan, tetapi ketika saya mendorong komit saya, saya mendapat email dari GitHub yang mengatakan "Pembuatan halaman gagal untuk mastercabang dengan kesalahan berikut: Pembuatan halaman gagal" Apa yang bisa saya lakukan salah? Berikut tautan ke file .md yang dimaksud: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Ethan

@Ethan Saya perlu lebih detail ... Pesan kesalahan harus berisi informasi lebih lanjut help.github.com/en/github/working-with-github-pages/... Mungkin pos Anda terlalu besar, 7plot * 3.15MB = 22MB. Halaman web rata-rata adalah 3MB. Anda dapat mengatasi penggunaan bandwidth GitHub. Ada batasnya tetapi tidak didokumentasikan. stackoverflow.com/questions/28706454/…
Plo_Koon

Saya mencoba untuk menghapus semuanya kecuali satu plot, dan saya masih melakukan kesalahan yang sama. Apakah Anda tahu bagaimana saya bisa memeriksa ukuran artikel? Juga, tidak ada kesalahan khusus dalam email. Inilah keseluruhan isinya: "Pembuatan halaman gagal untuk mastercabang dengan kesalahan berikut : Pembuatan halaman gagal. Untuk informasi lebih lanjut, lihat help.github.com/en/github/working-with-github-pages/… . Untuk informasi tentang pemecahan masalah Jekyll, lihat: help.github.com/articles/troubleshooting-jekyll-builds "
Ethan

Kegagalan pembuatan generik tidak akan menghasilkan email dengan informasi file dan kesalahan tertentu. Jika Anda menerima email yang hanya mengatakan "Pembuatan halaman gagal" tanpa rincian lebih lanjut, atau situs Halaman GitHub Anda tidak muncul setelah dorongan pertama, periksa kesalahan umum ini. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon

Saya sudah memeriksa semua itu, tetapi tidak ada perbaikan yang seharusnya bekerja dengan repositori saya. Saya mengirimkan masalah melalui github, semoga mereka dapat menunjukkan jawabannya dan saya akan memposting di sini
Ethan
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.