2013-05-30 2 views
9

मैंने डेटा विज़ुअलाइज़ेशन ऐप बनाया है और इसे Github page के रूप में पोस्ट किया है। अब मैं इसे bl.ocks.org साइट पर प्रदर्शित करना चाहता हूं जो D3.js विज़ुअलाइज़ेशन को जोड़ता है। मैं जिथब रेपो से कैसे शुरू कर सकता हूं और एक ऐसी गलती कैसे बना सकता हूं जो रेपो कोड की सापेक्ष निर्भरता को बनाए रखता है? क्या मुझे एक एकल फ़ाइल ऐप बनाने के लिए सभी कोड को दोबारा करने की आवश्यकता होगी जो केवल सीडीएन स्रोतों को इंगित करे?bl.ocks.org पर प्रदर्शित होने के लिए गिथब रेपो से जिस्ट बनाएं

+1

bl.ocks.org विज़ुअलाइजेशन को एकत्रित नहीं करता है, यह केवल गिस्ट्स के लिए दर्शक है। वहां मौजूद कुछ ब्लॉक/गिस्ट्स पर नज़र डालें (वहां बहुत सारे हैं!) और आप देखेंगे कि क्या आवश्यक है। असल में, जीस्ट को स्वयं निहित होना चाहिए। –

उत्तर

13

उदाहरण के द्वारा सीखना सबसे आसान है। bl.ocks मुख पृष्ठ पर उदाहरण लें:

http://bl.ocks.org/mbostock/1353700

अब सार है कि यह उत्पन्न देखने के लिए, बस url के अंत से आईडी नंबर लेने के लिए और यह सार यूआरएल appent, इसलिए की तरह:

http://gist.github.com/1353700

सार 3 फ़ाइलें हैं यही कारण है कि है, लेकिन दो वैकल्पिक हैं। प्रदर्शित करने के लिए ब्लॉक के लिए एकमात्र आवश्यकता index.html होना है। उस फ़ाइल में आपकी जेएस स्क्रिप्ट के साथ एक पूर्ण HTML फ़ाइल होनी चाहिए जिसमें डी 3 जैसे सीडीएन संसाधन शामिल हों। वैकल्पिक रूप से, आप अपने जावास्क्रिप्ट कोड को एक अलग फ़ाइल में डाल सकते हैं और उसे जोड़ सकते हैं, और उसके बाद इसे अपनी index.html फ़ाइल से लिंक कर सकते हैं।

यदि आप अपने उदाहरण का विवरण और इसके लिए एक छवि प्रदान करना चाहते हैं, तो आप एक README.md और thumbnail.png भी जोड़ सकते हैं। यह bl.ocks होम पेज पर भी समझाया गया है।

उम्मीद है कि मदद करता है।

7

एक बार जब आपके पास GIST पर उदाहरण हो, तो आपको केवल एक्सटेंशन (यानी, "उपयोगकर्ता नाम/हैश") कॉपी करना होगा और bl.ocks.org/ के बाद इसे रखना होगा। तो तुम अगर यह सार:

https://gist.github.com/mbostock/4063423 

यह निम्न URL पर bl.ocks के माध्यम से देखी जा सकती है:

http://bl.ocks.org/mbostock/4063423 

यह बहुत अच्छा है कि आप बनाने के बाद कोई अतिरिक्त कार्य करने की जरूरत नहीं है सार।

+1

धन्यवाद! यह महत्वपूर्ण कदम था। – Mars

संबंधित मुद्दे