Отобразить интерактивную диаграмму в виде графика (файл .html) на страницах GitHub

10

Я создал следующий сюжетный сюжет так:

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, чтобы я мог использовать интерактивные функции сюжета?

Вот похожий вопрос, который я задал

Итан
источник

Ответы:

4

Если вы используете 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папке в корне хранилища вашего сайта.

Теперь, если вы используете markdown для создания своих постов, вы можете использовать include tag и call figure.htmlв вашем посте примерно так:

{% include figure.html %}

Зафиксируйте эту строку в вашем .mdфайле поста в _postsпапке. Проверьте результаты.

Plo_Koon
источник
Я сделал то, что вы предложили, но когда я выдвинул свои коммиты, я получил электронное письмо от GitHub, в котором говорилось: «Не удалось построить страницу для masterветви со следующей ошибкой: Не удалось построить страницу» Что я мог сделать неправильно? Вот ссылка на рассматриваемый файл .md: github.com/ethanfuerst/ethanfuerst.github.io/blob/master/_posts/…
Этан,
@Ethan мне нужно больше деталей ... Сообщение об ошибке должно содержать больше информации help.github.com/en/github/working-with-github-pages/… Возможно, ваш пост слишком велик, 7plots * 3.15MB = 22MB. Средний веб-страница составляет 3 МБ. Вы можете преодолеть использование пропускной способности GitHub. Есть предел, но он не задокументирован. stackoverflow.com/questions/28706454/…
Plo_Koon
Я пытался удалить все, кроме одного сюжета, и я все еще иду ту же ошибку. Знаете ли вы, как я могу проверить размер статьи? Кроме того, в письме не было конкретной ошибки. Вот все содержание: «Не удалось построить страницу для masterветви со следующей ошибкой: Не удалось создать страницу. Для получения дополнительной информации см. Help.github.com/en/github/working-with-github-pages/… . Для получения информации о поиск и устранение неисправностей Джекил см: help.github.com/articles/troubleshooting-jekyll-builds "
Этан
Общие сбои сборки не приведут к получению электронного письма с определенным файлом и информацией об ошибке. Если вы получили электронное письмо с простым сообщением «Сбой сборки страницы» без каких-либо дополнительных подробностей или ваш сайт GitHub Pages не появляется после первого нажатия, проверьте эти распространенные ошибки. help.github.com/en/enterprise/2.14/user/articles/…
Plo_Koon
Я просмотрел все это, но ни одно из предполагаемых исправлений не работает с моим хранилищем. Я отправил вопрос через github, надеюсь, они покажут мне ответ, и я опубликую здесь
Ethan