Відобразити інтерактивну графічну графіку (.html файл) на сторінках GitHub

Я створив такий сюжетний сюжет, як цей:

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

Тоді я створив html як такий:

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

Запуск коду вище генерує файл .html, який я можу переглядати у своєму браузері.

Чи є спосіб відобразити .html файл посередині файлу розмітки на моїх сторінках GitHub, щоб я міг використовувати інтерактивні функції сюжетно?

Ось подібне питання, яке я задав

Якщо ви використовуєте Jekyll на своєму сайті GitHub.

Підготуйте свої дані:

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

Створити HTML-файл:

import plotly.io as pio

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

Завантажте figure.htmlфайл і закріпіть його в _includesпапці в корені вашого сховища сайту.

Тепер , якщо ви використовуєте уцінки створювати повідомлення, ви можете використовувати , включають тег і виклик figure.htmlв вашому пості з чим - щось на зразок цього:

{% include figure.html %}

Закріпіть цей рядок своїм поштовим .mdфайлом у _postsпапці. Перевірте результати.