GitHub 페이지에 대화식 도표 차트 (.html 파일) 표시

다음과 같이 플롯을 작성했습니다.

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 파일이 생성됩니다.

내 GitHub 페이지에서 마크 다운 파일의 중간에 .html 파일을 표시하는 방법이 있습니까?

여기에 비슷한 질문이 있습니다

GitHub 페이지 사이트에서 Jekyll 을 사용하는 경우

데이터를 준비하십시오.

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사이트 저장소 루트의 폴더에 커밋하십시오 .

이제 마크 다운 을 사용하여 게시물을 만드는 경우 다음과 같이 게시물에 include tag 및 call figure.html을 사용할 수 있습니다 .

{% include figure.html %}

이 줄을 폴더 의 게시물 .md파일에 커밋하십시오 _posts. 결과를 확인하십시오.