GitHub पेज पर इंटरैक्टिव प्लॉटली चार्ट (.html फ़ाइल) प्रदर्शित करें

Question

मैंने इस तरह निम्नलिखित कथानक तैयार किए हैं:

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 फ़ाइल प्रदर्शित करने का कोई तरीका है, इसलिए मैं कथानक की संवादात्मक सुविधाओं का उपयोग कर सकता हूं?

यहाँ एक ऐसा ही सवाल है जो मैंने पूछा था

Answer 1

यदि आप अपने 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अपनी साइट रिपॉजिटरी की जड़ में फ़ोल्डर में रखें।

अब यदि आप अपनी पोस्ट बनाने के लिए मार्कडाउन का उपयोग कर रहे हैं, तो आप अपनी पोस्ट में टैग और कॉल figure.htmlको कुछ इस तरह से उपयोग कर सकते हैं :

{% include figure.html %}

फ़ोल्डर .mdमें अपनी पोस्ट फ़ाइल के लिए इस लाइन को प्रतिबद्ध करें _posts। परिणामों की जाँच करें।

Comments

मैंने वही किया जो आपने सुझाया था, लेकिन जब मैंने अपने कमिट्स को धक्का दिया तो मुझे 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। औसत वेब पेज 3MB है। आप GitHub बैंडविड्थ उपयोग पर काबू पा सकते हैं। एक सीमा है लेकिन यह प्रलेखित नहीं है। stackoverflow.com/questions/28706454/…

— Plo_Koon 18

मैंने सब कुछ हटाने की कोशिश की लेकिन एक साजिश है, और मैं अभी भी वही त्रुटि करता हूं। क्या आप जानते हैं कि मैं एक लेख के आकार की जांच कैसे कर सकता हूं? इसके अलावा, ईमेल में कोई विशेष त्रुटि नहीं थी। यहां संपूर्ण सामग्री दी गई है: "पेज बिल्ड masterशाखा के लिए निम्न त्रुटि के साथ विफल हुआ: पेज बिल्ड विफल रहा। अधिक जानकारी के लिए, help.github.com/en/github/working-with-github-pages/… । जानकारी के लिए देखें। समस्या निवारण जेकेल देखें: help.github.com/articles/troublesourcing-jekyll-builds "

— एतान

सामान्य बिल्ड विफलताओं विशिष्ट फ़ाइल और त्रुटि जानकारी के साथ एक ईमेल का उत्पादन नहीं होगा। यदि आपको कोई ईमेल प्राप्त होता है जो बिना किसी विवरण के "पेज बिल्ड फेल" कहता है, या आपकी GitHub Pages साइट पहले पुश के बाद दिखाई नहीं दे रही है, तो इन सामान्य त्रुटियों की जाँच करें। help.github.com/en/enterprise/2.14/user/articles/…

— Plo_Koon

मैंने उन सभी के माध्यम से देखा है, लेकिन माना जाता है कि कोई भी फिक्स मेरे रिपॉजिटरी के साथ काम नहीं करता है। मैंने गितुब के माध्यम से एक मुद्दा प्रस्तुत किया, उम्मीद है कि वे मुझे उत्तर दिखा सकते हैं और मैं यहां पोस्ट करूंगा

— एथन