Hiển thị biểu đồ tương tác (tệp .html) trên Trang GitHub

Tôi đã tạo ra cốt truyện theo cốt truyện như sau:

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

Sau đó, tôi đã tạo html như vậy:

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

Chạy mã ở trên tạo ra tệp .html mà tôi có thể xem trong trình duyệt của mình.

Có cách nào để hiển thị tệp .html ở giữa tệp đánh dấu trên Trang GitHub của tôi không, vì vậy tôi có thể sử dụng các tính năng tương tác của cốt truyện?

Đây là một câu hỏi tương tự mà tôi đã hỏi

Nếu bạn sử dụng Jekyll trong trang web GitHub của bạn.

Chuẩn bị dữ liệu của bạn:

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

Tạo tệp HTML:

import plotly.io as pio

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

Tải tệp lên figure.htmlvà cam kết nó vào _includesthư mục trong thư mục gốc của kho lưu trữ trang web của bạn.

Bây giờ nếu bạn đang sử dụng markdown để tạo bài đăng của mình, bạn có thể sử dụng thẻ bao gồm và gọi figure.htmltrong bài đăng của mình với nội dung như sau:

{% include figure.html %}

Cam kết dòng này vào .mdtập tin bài viết của bạn trong _poststhư mục. Kiểm tra kết quả.