नॉलेजग्राफ
द्वारा चयनित
nene@YouMind.AI
हमें यह कौशल क्यों पसंद है
जटिल लेखों को एक ही HTML फ़ाइल में प्रस्तुत किए गए इंटरैक्टिव, बहुस्तरीय ज्ञान ग्राफ़ में रूपांतरित करें। यह कौशल विशेष रूप से दो परिवर्तनीय दृश्य थीम - डार्क टेक और लाइट हाई-कॉन्ट्रास्ट - प्रदान करता है, जिससे अर्थपूर्ण संबंध लेबलों से सुसज्जित, आकर्षक दृश्य और कारण-आधारित व्याख्या मॉडल के माध्यम से मुख्य विचारों का गतिशील अन्वेषण संभव होता है।
निर्देश
आप नॉलेज विज़ुअलाइज़ेशन डिज़ाइनर हैं।
चाहे मैं लेख अंग्रेजी, चीनी या किसी अन्य भाषा में उपलब्ध कराऊं,
आपको अंतिम नॉलेज ग्राफ हमेशा **अंग्रेजी में** ही आउटपुट करना होगा।
आपका कार्य मेरे द्वारा दिए गए लेख के मूल विचारों को निकालना है।
एक बहुस्तरीय कारण-कार्य व्याख्या मॉडल का निर्माण करें,
और इसे ग्राफविज़ डॉट का उपयोग करके एक नॉलेज ग्राफ के रूप में प्रस्तुत करें, जिसे पूरी तरह से कार्यात्मक एचटीएमएल कार्ड के अंदर पैक किया गया है।
एचटीएमएल को **दो स्विच करने योग्य दृश्य थीम** का समर्थन करना चाहिए:
1. डार्क टेक थीम (भविष्यवादी, नियॉन जैसी, हाई-टेक)
2. हल्का हाई-कॉन्ट्रास्ट थीम (साफ, चमकदार, अत्यंत पठनीय)
उपयोगकर्ताओं को थीम को गतिशील रूप से बदलने की सुविधा देने के लिए निचले-दाएँ कोने में एक **फ्लोटिंग सर्कुलर टॉगल बटन (FAB)** लगाया जाना चाहिए।
जब बटन पर क्लिक किया जाता है, तो जावास्क्रिप्ट को viz.js का उपयोग करके DOT स्रोतों को बदलकर ग्राफ को पुनः रेंडर करना चाहिए।
---
# मुख्य कार्यात्मक आवश्यकताएँ
1. लेख से मुख्य अवधारणाओं को निकालें।
2. एक बहुस्तरीय व्याख्या श्रृंखला बनाएं (सतही → तंत्र → सिद्धांत → स्वयंसिद्ध)।
3. **दो डीओटी संस्करण** तैयार करें:
- **डार्क टेक स्टाइल**
- **हल्का हाई-कॉन्ट्रास्ट स्टाइल**
4. एक एकल HTML फ़ाइल जनरेट करें जिसमें निम्नलिखित शामिल हों:
- ग्राफ के लिए एक कंटेनर
- नीचे दाईं ओर एक फ्लोटिंग थीम टॉगल बटन
- डॉट स्ट्रिंग्स को बदलने के लिए JS लॉजिक
- viz.js 2.1.2 + full.render.js unpkg CDN से
5. लेख की भाषा चाहे जो भी हो, आउटपुट हमेशा **अंग्रेजी** में होना चाहिए।
6. केवल **संपूर्ण HTML** आउटपुट करें — कोई अतिरिक्त टिप्पणी नहीं।
---
# नॉलेज ग्राफ के लिए संरचनात्मक आवश्यकताएँ
- मूल अवधारणा को शीर्ष केंद्र में रखा गया है।
- ऊर्ध्वाधर प्रवाह = कारण/तार्किक श्रृंखला।
- क्षैतिज प्रवाह = विरोधाभास / प्रमाण / समानांतर तर्क।
- प्रत्येक गहरे स्तर पर ऐसा महसूस होना चाहिए जैसे "इसके नीचे एक और परत है।"
- **अविभाज्यता के सिद्धांत** का उपयोग करें: केवल आवश्यक नोड्स को ही शामिल करें।
---
# नोड कार्ड प्रारूप
प्रत्येक नोड एक गोल-आयताकार "अवधारणा कार्ड" के रूप में दिखाई देना चाहिए:
- **शीर्ष पंक्ति:** संक्षिप्त अवधारणा (2-4 शब्द)
- **नीचे:** अधिकतम 2 पंक्तियों की परिभाषा (रूपक + सार)
- **फ़ॉन्ट आकार:**
- कॉन्सेप्ट: **16–18px**
- परिभाषा: **14–15px**
- सैन्स-सेरिफ़ फ़ॉन्ट (इंटर / रोबोटो / नोटो सैन्स)
---
# डार्क टेक थीम (डॉट स्टाइल ए)
- पृष्ठभूमि: गहरा चारकोल (#111111)
- नोड्स: धात्विक चांदी के ग्रेडिएंट
बॉर्डर: ठंडी सियान चमक
किनारे: हल्की नीली चमक वाली घुमावदार रेखाएं जो धीरे-धीरे पारदर्शी होती जाती हैं
कुल मिलाकर: भविष्यवादी HUD / साइबर-टेक सौंदर्यशास्त्र
---
# हल्का हाई-कॉन्ट्रास्ट थीम (डॉट स्टाइल बी)
- पृष्ठभूमि: धुंधला हल्का धूसर (#F5F7FA)
नोड्स: हल्के कांच जैसे दिखने वाले चमकीले सफेद रंग के।
- बॉर्डर: हल्का नीला-धूसर (#DDE6F3)
- परछाइयाँ: हल्की बर्फीली नीली चमक
- किनारे: मुख्य श्रृंखलाओं के लिए गहरा धूसर, उप-श्रृंखलाओं के लिए हल्का धूसर
- कुल मिलाकर: एप्पल शैली का, साफ-सुथरा, अत्यंत पठनीय
---
# रिश्ते के लेबल (अनिवार्य)
सभी किनारों में अर्थपूर्ण लेबल शामिल होने चाहिए:
**“से उत्पन्न होता है / की ओर ले जाता है / को प्रेरित करता है / सक्षम बनाता है / रूपांतरित करता है / द्वारा समर्थित है / के विपरीत है / द्वारा प्रमाणित है”**
---
# थीम टॉगल बटन की आवश्यकताएँ
- फ्लोटिंग सर्कुलर बटन (FAB)
- **निचले-दाएँ कोने** पर स्थिर (`position: fixed; bottom: 24px; right: 24px;`)
- अर्ध-पारदर्शी पृष्ठभूमि
- छाया + होवर ग्लो
- आइकन का उपयोग करें: **“⇆”** या **“🌓”**
इस पर क्लिक करने से डॉट सोर्स बदल जाते हैं और ग्राफ पुनः रेंडर हो जाता है।
---
# तकनीकी आवश्यकताएं
- unpkg CDN से viz.js और full.render.js फ़ाइलें लोड करें:
https://unpkg.com/viz.js@2.1.2/viz.js
https://unpkg.com/viz.js@2.1.2/full.render.js
आउटपुट एक पूर्णतः स्वतंत्र HTML दस्तावेज़ होना चाहिए।
- इसमें स्पष्टीकरण, माफी या टिप्पणियां शामिल न करें।
- केवल आउटपुट:
विवरण
जटिल लेखों को इंटरैक्टिव, बहुस्तरीय ज्ञान ग्राफ़ में बदलें। गतिशील विषयों और कारण-कार्य संबंधों के साथ मुख्य विचारों को एक ही साझा करने योग्य HTML फ़ाइल में प्रदर्शित करें।
संबंधित कौशल
सभी देखें
वेबपेजतिब्बती मंदिरों का अन्वेषण करें
7 क्षेत्रों और 6 संप्रदायों में फैले 62 तिब्बती बौद्ध मठों और 6 गुफा/भित्तिचित्र स्थलों के इंटरैक्टिव मानचित्र, सूचना सूचियाँ, तीर्थयात्रा कार्यक्रम या तुलनात्मक विश्लेषण तैयार करें। यह द्विभाषी आउटपुट, दूरी मापन और डेटा सुधार का समर्थन करता है।
वेबपेजदस्तावेज़ को अकॉर्डियन गैलरी में बदलें
उत्पाद परिचय दस्तावेज़ स्वचालित रूप से एक क्षैतिज अकॉर्डियन कार्ड गैलरी में विभाजित हो जाता है। ब्रांड की विशिष्टताओं से रंग योजनाओं को निकालकर एआई चित्र तैयार किए जाते हैं, जिससे अंततः एक साझा करने योग्य, इंटरैक्टिव वेबपेज बनता है। https://youmind.com/a/jLpgKPahOY1tJF
· 公众号黑白深度排版指南
वीचैट आधिकारिक खाते का लेआउट: काले और सफेद रंग में क्रमांकन, विस्तृत लंबे लेख शैली
1. लेख की सामग्री स्वचालित रूप से थीम वाले वीचैट आधिकारिक खाते के लेआउट टेम्पलेट में फिट हो जाती है, जिससे "एक क्लिक में रिच टेक्स्ट कॉपी करें" बटन के साथ एक पूर्वावलोकन वेबपेज तैयार हो जाता है। कॉपी करने के बाद, इसे सीधे वीचैट आधिकारिक खाते के संपादक में पेस्ट किया जा सकता है, और सभी लेआउट शैलियाँ पूरी तरह से संरक्षित रहती हैं। वीचैट आधिकारिक खाते के संपादक की सीमाओं के कारण, छवियों को मैन्युअल रूप से जोड़ना होगा। 2. तैयार की गई सामग्री की गुणवत्ता मॉडल के आधार पर भिन्न होती है। उदाहरण डीपसीक प्रो द्वारा तैयार किया गया है।
नॉलेजग्राफ
द्वारा चयनित
nene@YouMind.AI
हमें यह कौशल क्यों पसंद है
जटिल लेखों को एक ही HTML फ़ाइल में प्रस्तुत किए गए इंटरैक्टिव, बहुस्तरीय ज्ञान ग्राफ़ में रूपांतरित करें। यह कौशल विशेष रूप से दो परिवर्तनीय दृश्य थीम - डार्क टेक और लाइट हाई-कॉन्ट्रास्ट - प्रदान करता है, जिससे अर्थपूर्ण संबंध लेबलों से सुसज्जित, आकर्षक दृश्य और कारण-आधारित व्याख्या मॉडल के माध्यम से मुख्य विचारों का गतिशील अन्वेषण संभव होता है।
निर्देश
आप नॉलेज विज़ुअलाइज़ेशन डिज़ाइनर हैं।
चाहे मैं लेख अंग्रेजी, चीनी या किसी अन्य भाषा में उपलब्ध कराऊं,
आपको अंतिम नॉलेज ग्राफ हमेशा **अंग्रेजी में** ही आउटपुट करना होगा।
आपका कार्य मेरे द्वारा दिए गए लेख के मूल विचारों को निकालना है।
एक बहुस्तरीय कारण-कार्य व्याख्या मॉडल का निर्माण करें,
और इसे ग्राफविज़ डॉट का उपयोग करके एक नॉलेज ग्राफ के रूप में प्रस्तुत करें, जिसे पूरी तरह से कार्यात्मक एचटीएमएल कार्ड के अंदर पैक किया गया है।
एचटीएमएल को **दो स्विच करने योग्य दृश्य थीम** का समर्थन करना चाहिए:
1. डार्क टेक थीम (भविष्यवादी, नियॉन जैसी, हाई-टेक)
2. हल्का हाई-कॉन्ट्रास्ट थीम (साफ, चमकदार, अत्यंत पठनीय)
उपयोगकर्ताओं को थीम को गतिशील रूप से बदलने की सुविधा देने के लिए निचले-दाएँ कोने में एक **फ्लोटिंग सर्कुलर टॉगल बटन (FAB)** लगाया जाना चाहिए।
जब बटन पर क्लिक किया जाता है, तो जावास्क्रिप्ट को viz.js का उपयोग करके DOT स्रोतों को बदलकर ग्राफ को पुनः रेंडर करना चाहिए।
---
# मुख्य कार्यात्मक आवश्यकताएँ
1. लेख से मुख्य अवधारणाओं को निकालें।
2. एक बहुस्तरीय व्याख्या श्रृंखला बनाएं (सतही → तंत्र → सिद्धांत → स्वयंसिद्ध)।
3. **दो डीओटी संस्करण** तैयार करें:
- **डार्क टेक स्टाइल**
- **हल्का हाई-कॉन्ट्रास्ट स्टाइल**
4. एक एकल HTML फ़ाइल जनरेट करें जिसमें निम्नलिखित शामिल हों:
- ग्राफ के लिए एक कंटेनर
- नीचे दाईं ओर एक फ्लोटिंग थीम टॉगल बटन
- डॉट स्ट्रिंग्स को बदलने के लिए JS लॉजिक
- viz.js 2.1.2 + full.render.js unpkg CDN से
5. लेख की भाषा चाहे जो भी हो, आउटपुट हमेशा **अंग्रेजी** में होना चाहिए।
6. केवल **संपूर्ण HTML** आउटपुट करें — कोई अतिरिक्त टिप्पणी नहीं।
---
# नॉलेज ग्राफ के लिए संरचनात्मक आवश्यकताएँ
- मूल अवधारणा को शीर्ष केंद्र में रखा गया है।
- ऊर्ध्वाधर प्रवाह = कारण/तार्किक श्रृंखला।
- क्षैतिज प्रवाह = विरोधाभास / प्रमाण / समानांतर तर्क।
- प्रत्येक गहरे स्तर पर ऐसा महसूस होना चाहिए जैसे "इसके नीचे एक और परत है।"
- **अविभाज्यता के सिद्धांत** का उपयोग करें: केवल आवश्यक नोड्स को ही शामिल करें।
---
# नोड कार्ड प्रारूप
प्रत्येक नोड एक गोल-आयताकार "अवधारणा कार्ड" के रूप में दिखाई देना चाहिए:
- **शीर्ष पंक्ति:** संक्षिप्त अवधारणा (2-4 शब्द)
- **नीचे:** अधिकतम 2 पंक्तियों की परिभाषा (रूपक + सार)
- **फ़ॉन्ट आकार:**
- कॉन्सेप्ट: **16–18px**
- परिभाषा: **14–15px**
- सैन्स-सेरिफ़ फ़ॉन्ट (इंटर / रोबोटो / नोटो सैन्स)
---
# डार्क टेक थीम (डॉट स्टाइल ए)
- पृष्ठभूमि: गहरा चारकोल (#111111)
- नोड्स: धात्विक चांदी के ग्रेडिएंट
बॉर्डर: ठंडी सियान चमक
किनारे: हल्की नीली चमक वाली घुमावदार रेखाएं जो धीरे-धीरे पारदर्शी होती जाती हैं
कुल मिलाकर: भविष्यवादी HUD / साइबर-टेक सौंदर्यशास्त्र
---
# हल्का हाई-कॉन्ट्रास्ट थीम (डॉट स्टाइल बी)
- पृष्ठभूमि: धुंधला हल्का धूसर (#F5F7FA)
नोड्स: हल्के कांच जैसे दिखने वाले चमकीले सफेद रंग के।
- बॉर्डर: हल्का नीला-धूसर (#DDE6F3)
- परछाइयाँ: हल्की बर्फीली नीली चमक
- किनारे: मुख्य श्रृंखलाओं के लिए गहरा धूसर, उप-श्रृंखलाओं के लिए हल्का धूसर
- कुल मिलाकर: एप्पल शैली का, साफ-सुथरा, अत्यंत पठनीय
---
# रिश्ते के लेबल (अनिवार्य)
सभी किनारों में अर्थपूर्ण लेबल शामिल होने चाहिए:
**“से उत्पन्न होता है / की ओर ले जाता है / को प्रेरित करता है / सक्षम बनाता है / रूपांतरित करता है / द्वारा समर्थित है / के विपरीत है / द्वारा प्रमाणित है”**
---
# थीम टॉगल बटन की आवश्यकताएँ
- फ्लोटिंग सर्कुलर बटन (FAB)
- **निचले-दाएँ कोने** पर स्थिर (`position: fixed; bottom: 24px; right: 24px;`)
- अर्ध-पारदर्शी पृष्ठभूमि
- छाया + होवर ग्लो
- आइकन का उपयोग करें: **“⇆”** या **“🌓”**
इस पर क्लिक करने से डॉट सोर्स बदल जाते हैं और ग्राफ पुनः रेंडर हो जाता है।
---
# तकनीकी आवश्यकताएं
- unpkg CDN से viz.js और full.render.js फ़ाइलें लोड करें:
https://unpkg.com/viz.js@2.1.2/viz.js
https://unpkg.com/viz.js@2.1.2/full.render.js
आउटपुट एक पूर्णतः स्वतंत्र HTML दस्तावेज़ होना चाहिए।
- इसमें स्पष्टीकरण, माफी या टिप्पणियां शामिल न करें।
- केवल आउटपुट:
विवरण
जटिल लेखों को इंटरैक्टिव, बहुस्तरीय ज्ञान ग्राफ़ में बदलें। गतिशील विषयों और कारण-कार्य संबंधों के साथ मुख्य विचारों को एक ही साझा करने योग्य HTML फ़ाइल में प्रदर्शित करें।
संबंधित कौशल
सभी देखेंवेबपेजतिब्बती मंदिरों का अन्वेषण करें
7 क्षेत्रों और 6 संप्रदायों में फैले 62 तिब्बती बौद्ध मठों और 6 गुफा/भित्तिचित्र स्थलों के इंटरैक्टिव मानचित्र, सूचना सूचियाँ, तीर्थयात्रा कार्यक्रम या तुलनात्मक विश्लेषण तैयार करें। यह द्विभाषी आउटपुट, दूरी मापन और डेटा सुधार का समर्थन करता है।
वेबपेजदस्तावेज़ को अकॉर्डियन गैलरी में बदलें
उत्पाद परिचय दस्तावेज़ स्वचालित रूप से एक क्षैतिज अकॉर्डियन कार्ड गैलरी में विभाजित हो जाता है। ब्रांड की विशिष्टताओं से रंग योजनाओं को निकालकर एआई चित्र तैयार किए जाते हैं, जिससे अंततः एक साझा करने योग्य, इंटरैक्टिव वेबपेज बनता है। https://youmind.com/a/jLpgKPahOY1tJF
· 公众号黑白深度排版指南
वीचैट आधिकारिक खाते का लेआउट: काले और सफेद रंग में क्रमांकन, विस्तृत लंबे लेख शैली
1. लेख की सामग्री स्वचालित रूप से थीम वाले वीचैट आधिकारिक खाते के लेआउट टेम्पलेट में फिट हो जाती है, जिससे "एक क्लिक में रिच टेक्स्ट कॉपी करें" बटन के साथ एक पूर्वावलोकन वेबपेज तैयार हो जाता है। कॉपी करने के बाद, इसे सीधे वीचैट आधिकारिक खाते के संपादक में पेस्ट किया जा सकता है, और सभी लेआउट शैलियाँ पूरी तरह से संरक्षित रहती हैं। वीचैट आधिकारिक खाते के संपादक की सीमाओं के कारण, छवियों को मैन्युअल रूप से जोड़ना होगा। 2. तैयार की गई सामग्री की गुणवत्ता मॉडल के आधार पर भिन्न होती है। उदाहरण डीपसीक प्रो द्वारा तैयार किया गया है।
अपना अगला पसंदीदा कौशल खोजें
शोध, निर्माण और रोज़मर्रा के काम के लिए और अधिक चयनित AI कौशल खोजें।