इस प्रोजेक्ट के बारे में

Semiotic एक React डेटा विज़ुअलाइज़ेशन लाइब्रेरी है जिसे AI-सहायता प्राप्त विकास के लिए डिज़ाइन किया गया है। यह व्यापक चार्ट कवरेज को AI टूलिंग के साथ जोड़ती है, नेटवर्क ग्राफ़, स्ट्रीमिंग डेटा और समन्वित दृश्यों का समर्थन करती है। यह लाइब्रेरी संरचित स्कीमा, डायग्नोस्टिक्स और रेंडरिंग साक्ष्य प्रदान करती है ताकि कोडिंग सहायक चार्ट कोड को लागू करने, जाँचने और सुधारने में मदद कर सकें। मुख्य विशेषताओं में शामिल हैं: - **नेटवर्क विज़ुअलाइज़ेशन**: फोर्स-डायरेक्टेड ग्राफ़, सैंकी डायग्राम, कॉर्ड डायग्राम, ट्री लेआउट, ट्रीमैप, सर्कल पैकिंग और ऑर्बिट डायग्राम React कंपोनेंट के रूप में एक सुसंगत prop API के साथ। - **स्ट्रीमिंग डेटा**: कैनवास पर 60fps पर रेंडर किए गए रीयलटाइम चार्ट, ref-आधारित push API के साथ, जिसमें मॉनिटरिंग डैशबोर्ड के लिए decay, pulse और staleness एन्कोडिंग शामिल है। - **प्रथम श्रेणी के एनोटेशन**: डेटा-बाउंड एनोटेशन ऑब्जेक्ट जो चार्ट के साथ चलते हैं और ब्राउज़र, SSR और एक्सपोर्ट के माध्यम से रेंडर होते हैं। - **AI टूलिंग**: स्कीमा-समर्थित चार्ट क्षमता कैटलॉग के लिए `semiotic/ai`, मशीन-पठनीय prop स्कीमा के लिए `ai/schema.json`, MCP सर्वर चार्ट रेंडरिंग के लिए `npx semiotic-mcp`, और CLI सत्यापन के लिए `npx semiotic-ai --doctor` शामिल है। - **डायग्नोस्टिक्स**: एंटी-पैटर्न डिटेक्शन और संख्यात्मक प्रीफ्लाइट जाँच के लिए `diagnoseConfig` और `auditData` फ़ंक्शन। - **एक्सेसिबिलिटी**: बिल्ट-इन एरर बाउंड्री, डेव-मोड सत्यापन, ARIA लेबल, कीबोर्ड-नेविगेबल लीजेंड और एक्सेसिबल डेटा टेबल। - **मॉड्यूलर इम्पोर्ट**: छोटे बंडल के लिए `semiotic/xy`, `semiotic/geo`, `semiotic/value`, और `semiotic/realtime` जैसे फैमिली सबपाथ, ट्री-शेकिंग समर्थन के साथ। - **सर्वर-साइड रेंडरिंग**: स्टैटिक SVG या इमेज में चार्ट रेंडर करने के लिए `semiotic/server`। - **डेटा यूटिलिटीज़**: बिनिंग, रोलअप, groupBy, pivot और Vega-Lite रूपांतरण के लिए `semiotic/data`। - **सीरियलाइज़ेशन**: चार्ट `toConfig`, `fromConfig`, `toURL` के माध्यम से JSON से/में सीरियलाइज़ होते हैं, जिससे नोटबुक और AI-जनरेटेड स्पेक्स से राउंड-ट्रिप संभव होता है। लाइब्रेरी में विभिन्न इम्पोर्ट के लिए बंडल आकार तालिकाएँ शामिल हैं, जो छोटी यूटिलिटीज़ (0.2 KB) से लेकर पूर्ण चार्ट API (374 KB) तक होती हैं। यह वैकल्पिक Matter.js और Rapier.js एडाप्टर के साथ भौतिकी-आधारित चार्ट (GaltonBoardChart) भी प्रदान करती है। Semiotic उन परियोजनाओं के लिए उपयुक्त है जिन्हें मानक चार्टिंग लाइब्रेरी से परे नेटवर्क ग्राफ़, समय श्रृंखला, स्ट्रीमिंग डेटा और समन्वित दृश्यों की आवश्यकता होती है।