ज्ञान ग्राफ
निर्देश
आप नॉलेज विज़ुअलाइज़ेशन डिज़ाइनर हैं।
चाहे मैं लेख अंग्रेजी, चीनी या किसी अन्य भाषा में उपलब्ध कराऊं,
आपको अंतिम नॉलेज ग्राफ हमेशा **अंग्रेजी में** ही आउटपुट करना होगा।
आपका कार्य मेरे द्वारा दिए गए लेख के मूल विचारों को निकालना है।
एक बहुस्तरीय कारण-कार्य व्याख्या मॉडल का निर्माण करें,
और इसे ग्राफविज़ डॉट का उपयोग करके एक नॉलेज ग्राफ के रूप में प्रस्तुत करें, जिसे पूरी तरह से कार्यात्मक एचटीएमएल कार्ड के अंदर पैक किया गया है।
एचटीएमएल को **दो स्विच करने योग्य दृश्य थीम** का समर्थन करना चाहिए:
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 दस्तावेज़ होना चाहिए।
- इसमें स्पष्टीकरण, माफी या टिप्पणियां शामिल न करें।
- केवल आउटपुट:
विवरण
द्वारा अनुशंसित
nene@YouMind
हमें यह कौशल क्यों पसंद है
जटिल लेखों को इंटरैक्टिव, बहु-स्तरीय ज्ञान ग्राफ में बदलें, एक ही HTML फ़ाइल में। यह कौशल दो स्विचेबल थीम—डार्क टेक और लाइट हाई-कंट्रास्ट—प्रदान करता है, जिससे मुख्य विचारों की गतिशील खोज और कारणात्मक संरचना संभव होती है, जिसमें अर्थपूर्ण संबंध लेबल शामिल हैं।
जटिल लेखों को इंटरैक्टिव, बहु-स्तरीय ज्ञान ग्राफ में बदलें। गतिशील विषयों और कारण श्रृंखलाओं के साथ मुख्य विचारों को देखें, सब एक ही साझा करने योग्य HTML में।
संबंधित कौशल
सभी देखें
अनुसंधानमाइंड मैप
किसी भी जटिल सामग्री—लेख, वीडियो, PDF—को स्पष्ट और पदानुक्रमित माइंड मैप में बदलें। जानकारी को तुरंत देखें, मुख्य अवधारणाओं को समझें, और बिना प्रयास के अपनी सीखने की गति बढ़ाएँ।
वेबपेजTED शैली प्रस्तुति
अपने विचारों को मनमोहक TED-शैली प्रस्तुतियों में बदलें। प्रेरक कथाएँ और शानदार दृश्य रचें जो प्रेरित और संलग्न करें, बस एक क्लिक पर।
वेबपेजखोजपूर्ण व्याख्या पेज निर्माता
एक रिपोर्ट समझाती है। एक पेज लोगों को खुद पता लगाने देता है। YouMind पहले से ही वेबपेज बना सकता है। खोजपूर्ण व्याख्या पेज निर्माता तय करता है कि क्या बनाना है — यह एक शोध, डेटासेट या विषय को एक ही इंटरैक्टिव पेज में बदल देता है, जो न्यूज़रूम ग्राफिक्स और खोजपूर्ण व्याख्याओं की परंपरा में होता है: स्क्रॉल-आधारित कथा, वास्तविक चार्ट, नियंत्रण जिन्हें आप हिला सकते हैं, स्रोत जिन्हें आप जाँच सकते हैं। यह कोड करने से पहले योजना बनाता है। आप पहले एक निर्माण योजना को मंजूरी देते हैं: वह एक प्रश्न जिसका उत्तर पेज देता है, रहस्योद्घाटन — वह क्षण जब पाठक को "ओह" महसूस होता है — पाँच से आठ खंडों वाली स्क्रॉल रीढ़, दो से चार इंटरैक्शन जिनमें से प्रत्येक को इस बात से उचित ठहराया जाता है कि पाठक उसे हिलाने से क्या सीखता है, और एक डेटा अनुबंध जिसमें हर संख्या और उसका स्रोत सूचीबद्ध होता है। फिर यह एक स्व-निहित HTML फ़ाइल बनाता है जिसमें कोई निर्माण चरण नहीं होता। सिमेंटिक मार्कअप। सभी संख्याएँ शीर्ष पर एक अकेले संपादन योग्य DATA स्थिरांक में होती हैं। स्क्रॉल रिवील जो फोन पर टूटते नहीं हैं। हर नियंत्रण एक वास्तविक, कीबोर्ड-संचालित फ़ॉर्म तत्व है जिसमें उसके वर्तमान मूल्य का वर्णन करने वाला लाइव टेक्स्ट होता है। अभिगम्यता बाहर से जोड़ने के बजाय अंतर्निर्मित होती है: 4.5:1 कंट्रास्ट, दृश्य फ़ोकस रिंग, हर जगह ऑल्ट टेक्स्ट, रंग अकेले किसी अर्थ को नहीं दर्शाता, कम-गति का सम्मान, और 360px से रेस्पॉन्सिव। सौंपने से पहले, यह एक पाँच-बिंदु आत्म-समीक्षा करता है और परिणाम ईमानदारी से रिपोर्ट करता है: क्या रिवील वास्तव में प्रभाव डालता है, क्या JavaScript बंद होने पर भी पृष्ठ पठनीय है, क्या टैब क्रम सही है, क्या हर संख्या अनुरेखणीय है, क्या कुछ ऐसा एनिमेट हो रहा है जिसे पाठक रोकना चाहेगा। दो नियम जिन्हें यह कभी नहीं तोड़ेगा: यह कभी भी चार्ट को अच्छा दिखाने के लिए डेटा नहीं बनाता, और यह आपको बताता है जब आपके आंकड़े आपके ड्राफ्ट से विरोधाभासी होते हैं। उन शोधकर्ताओं, विश्लेषकों, पत्रकारों, शिक्षकों, स्वतंत्र संस्थापकों और सलाहकारों के लिए जो चाहते हैं कि उनके काम को सरसरी तौर पर नहीं, बल्कि गहराई से खोजा जाए।
ज्ञान ग्राफ
निर्देश
आप नॉलेज विज़ुअलाइज़ेशन डिज़ाइनर हैं।
चाहे मैं लेख अंग्रेजी, चीनी या किसी अन्य भाषा में उपलब्ध कराऊं,
आपको अंतिम नॉलेज ग्राफ हमेशा **अंग्रेजी में** ही आउटपुट करना होगा।
आपका कार्य मेरे द्वारा दिए गए लेख के मूल विचारों को निकालना है।
एक बहुस्तरीय कारण-कार्य व्याख्या मॉडल का निर्माण करें,
और इसे ग्राफविज़ डॉट का उपयोग करके एक नॉलेज ग्राफ के रूप में प्रस्तुत करें, जिसे पूरी तरह से कार्यात्मक एचटीएमएल कार्ड के अंदर पैक किया गया है।
एचटीएमएल को **दो स्विच करने योग्य दृश्य थीम** का समर्थन करना चाहिए:
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 दस्तावेज़ होना चाहिए।
- इसमें स्पष्टीकरण, माफी या टिप्पणियां शामिल न करें।
- केवल आउटपुट:
विवरण
द्वारा अनुशंसित
nene@YouMind
हमें यह कौशल क्यों पसंद है
जटिल लेखों को इंटरैक्टिव, बहु-स्तरीय ज्ञान ग्राफ में बदलें, एक ही HTML फ़ाइल में। यह कौशल दो स्विचेबल थीम—डार्क टेक और लाइट हाई-कंट्रास्ट—प्रदान करता है, जिससे मुख्य विचारों की गतिशील खोज और कारणात्मक संरचना संभव होती है, जिसमें अर्थपूर्ण संबंध लेबल शामिल हैं।
जटिल लेखों को इंटरैक्टिव, बहु-स्तरीय ज्ञान ग्राफ में बदलें। गतिशील विषयों और कारण श्रृंखलाओं के साथ मुख्य विचारों को देखें, सब एक ही साझा करने योग्य HTML में।
संबंधित कौशल
सभी देखेंअनुसंधानमाइंड मैप
किसी भी जटिल सामग्री—लेख, वीडियो, PDF—को स्पष्ट और पदानुक्रमित माइंड मैप में बदलें। जानकारी को तुरंत देखें, मुख्य अवधारणाओं को समझें, और बिना प्रयास के अपनी सीखने की गति बढ़ाएँ।
वेबपेजTED शैली प्रस्तुति
अपने विचारों को मनमोहक TED-शैली प्रस्तुतियों में बदलें। प्रेरक कथाएँ और शानदार दृश्य रचें जो प्रेरित और संलग्न करें, बस एक क्लिक पर।
वेबपेजखोजपूर्ण व्याख्या पेज निर्माता
एक रिपोर्ट समझाती है। एक पेज लोगों को खुद पता लगाने देता है। YouMind पहले से ही वेबपेज बना सकता है। खोजपूर्ण व्याख्या पेज निर्माता तय करता है कि क्या बनाना है — यह एक शोध, डेटासेट या विषय को एक ही इंटरैक्टिव पेज में बदल देता है, जो न्यूज़रूम ग्राफिक्स और खोजपूर्ण व्याख्याओं की परंपरा में होता है: स्क्रॉल-आधारित कथा, वास्तविक चार्ट, नियंत्रण जिन्हें आप हिला सकते हैं, स्रोत जिन्हें आप जाँच सकते हैं। यह कोड करने से पहले योजना बनाता है। आप पहले एक निर्माण योजना को मंजूरी देते हैं: वह एक प्रश्न जिसका उत्तर पेज देता है, रहस्योद्घाटन — वह क्षण जब पाठक को "ओह" महसूस होता है — पाँच से आठ खंडों वाली स्क्रॉल रीढ़, दो से चार इंटरैक्शन जिनमें से प्रत्येक को इस बात से उचित ठहराया जाता है कि पाठक उसे हिलाने से क्या सीखता है, और एक डेटा अनुबंध जिसमें हर संख्या और उसका स्रोत सूचीबद्ध होता है। फिर यह एक स्व-निहित HTML फ़ाइल बनाता है जिसमें कोई निर्माण चरण नहीं होता। सिमेंटिक मार्कअप। सभी संख्याएँ शीर्ष पर एक अकेले संपादन योग्य DATA स्थिरांक में होती हैं। स्क्रॉल रिवील जो फोन पर टूटते नहीं हैं। हर नियंत्रण एक वास्तविक, कीबोर्ड-संचालित फ़ॉर्म तत्व है जिसमें उसके वर्तमान मूल्य का वर्णन करने वाला लाइव टेक्स्ट होता है। अभिगम्यता बाहर से जोड़ने के बजाय अंतर्निर्मित होती है: 4.5:1 कंट्रास्ट, दृश्य फ़ोकस रिंग, हर जगह ऑल्ट टेक्स्ट, रंग अकेले किसी अर्थ को नहीं दर्शाता, कम-गति का सम्मान, और 360px से रेस्पॉन्सिव। सौंपने से पहले, यह एक पाँच-बिंदु आत्म-समीक्षा करता है और परिणाम ईमानदारी से रिपोर्ट करता है: क्या रिवील वास्तव में प्रभाव डालता है, क्या JavaScript बंद होने पर भी पृष्ठ पठनीय है, क्या टैब क्रम सही है, क्या हर संख्या अनुरेखणीय है, क्या कुछ ऐसा एनिमेट हो रहा है जिसे पाठक रोकना चाहेगा। दो नियम जिन्हें यह कभी नहीं तोड़ेगा: यह कभी भी चार्ट को अच्छा दिखाने के लिए डेटा नहीं बनाता, और यह आपको बताता है जब आपके आंकड़े आपके ड्राफ्ट से विरोधाभासी होते हैं। उन शोधकर्ताओं, विश्लेषकों, पत्रकारों, शिक्षकों, स्वतंत्र संस्थापकों और सलाहकारों के लिए जो चाहते हैं कि उनके काम को सरसरी तौर पर नहीं, बल्कि गहराई से खोजा जाए।
अपना अगला पसंदीदा कौशल खोजें
शोध, निर्माण और रोज़मर्रा के काम के लिए और अधिक चयनित AI कौशल खोजें।