30 सेकंड अवलोकन: यह पृष्ठ Taiwan.md दृश्यीकरण प्रणाली का "लाइव उदाहरण" है — उन्नीस प्रकार के लेख-भीतरी दृश्य मॉड्यूल में से प्रत्येक को एक बार रेंडर करता है, सभी वास्तविक ताइवान डेटा (आवास-मूल्य-आय अनुपात, सार्वजनिक आवास, जनसंख्या वृद्धावस्था, जनमत संग्रह, नर्स-रोगी अनुपात, विधान युआन सीटें) का उपयोग करके। यह संपादकीय गाइड graph.md का साथी है: graph.md बताता है "कब किसका उपयोग करें, कैसे अच्छा करें, सिंटैक्स कैसे लिखें", यह पृष्ठ आपको सीधे दिखाता है "यह कैसा दिखता है"। प्रत्येक मॉड्यूल शुद्ध HTML/SVG में रेंडर किया गया है, इसलिए मनुष्य, स्क्रीन रीडर, Google, AI क्रॉलर सभी एक ही डेटा पढ़ सकते हैं — यही कारण है कि हमने इंटरैक्टिव चार्ट के बजाय स्थैतिक दृश्यीकरण चुना।
संख्याओं पर लेख लिखते समय, सबसे बड़ा डर यह है कि डेटा को पैराग्राफ-दर-पैराग्राफ संख्याओं के ढेर के रूप में लिख दिया जाए, और पाठक तीसरे प्रतिशत तक पहुँचते ही ध्यान खो दें। दृश्यीकरण का काम "सघन संख्या गद्य" को "एक नज़र में पढ़ी जा सकने वाली संरचना" में विपरीत-एन्ट्रॉपी करना है।
लेकिन Taiwan.md के दृश्यीकरण में एक अनुशासन है जो दूसरों के पास नहीं: हम केवल वही दृश्यीकरण करते हैं "जिसे LLM भी समझ सके"। D3 या Canvas से बना एक इंटरैक्टिव चार्ट बहुत आकर्षक लगता है, लेकिन GPTBot, PerplexityBot, ClaudeBot जैसे AI क्रॉलर JavaScript नहीं चलाते, उनके लिए वह चार्ट एक खाली स्लेट है। जबकि हमारे semantic HTML और inline SVG से बने चार्ट में डेटा स्रोत कोड में ही होता है, AI छह भाषाओं में ताइवान के प्रथम-व्यक्ति डेटा को पढ़ और उद्धृत कर सकता है। LLM को समझ आने वाला दृश्यीकरण ही संप्रभुता का दृश्यीकरण है।
नीचे उन्नीस मॉड्यूल, सबसे सरल "एक बड़ी संख्या" से लेकर "काउंटी-शहर टाइल मैप" और "सीट आर्क" तक, क्रमिक रूप से प्रदर्शित हैं। सिंटैक्स लेखन और डिज़ाइन सिद्धांतों का पूर्ण संस्करण graph.md में है, यहाँ केवल एक वाक्य "यह क्या है, कब उपयोग करें" रखा गया है।
डेटा बिग नंबर tw-figure
सबसे सरल और सबसे शक्तिशाली प्रकार: एक नाटकीय संख्या को अधिकतम आकार में रखें, पहले-बाद की तुलना करके एक रूपांतरण बताएं। लेख की शुरुआत में "हथौड़े जैसी सांख्यिकी" के रूप में उपयुक्त।
डेटा कार्ड tw-stat
जब एक पैराग्राफ में तीन-चार समानांतर प्रमुख संख्याएँ ठूँस दी जाती हैं, तो उन्हें एक लंबे वाक्य में लिखने के बजाय कार्ड की एक पंक्ति में व्यवस्थित करना बेहतर होता है, ताकि पाठक उन्हें एक नज़र में देख सके।
डेटा वाले संपादकीय मॉड्यूल (डेटा कार्ड, तुलना कार्ड, नीति समयरेखा) को भी चार्ट मॉड्यूल की तरह स्रोत: चिह्नित करना आवश्यक है। 2026-07 की पूर्ण साइट ऑडिट में पाया गया कि स्वचालित गेट द्वारा निगरानी किए जाने वाले मॉड्यूल की स्रोत एनोटेशन दर 100% थी, जिनकी निगरानी नहीं की गई वे संयोग से ये तीन उच्च-आवृत्ति मॉड्यूल थे, जिनके चालीस प्रतिशत उदाहरण बिना स्रोत के थे। अब वे भी viz-health गेट में शामिल हो गए हैं।
तुलना कार्ड tw-versus
दो प्रणालियों, दो रुखों, या पहले और बाद की दो स्थितियों का बिंदुवार तुलना। बाईं ओर गर्म रंग, दाईं ओर ठंडे रंग, बीच में एक 'vs', जिससे अंतर को एक पंक्ति एक पंक्ति पढ़ा जा सके।
बार चार्ट tw-bars
कुछ श्रेणियों के संख्यात्मक तुलना या रैंकिंग, क्षैतिज बार की लंबाई मान के अनुसार स्वचालित रूप से स्केल होती है, अधिकतम मान पूरी चौड़ाई भरता है। डेटा मॉड्यूल में अंत में एक पंक्ति स्रोत: जोड़ना याद रखें, जो स्वचालित रूप से नीचे स्रोत एनोटेशन बन जाएगी।
वेफल चार्ट tw-waffle
अंश के पूर्ण के प्रति आनुपातिक संरचना, सौ खाने सौ प्रतिशत दर्शाते हैं, पाई चार्ट से अधिक सहज——आप वास्तव में खाने गिन सकते हैं। 'प्रत्येक श्रेणी कितनी है' जैसे डेटा के लिए उपयुक्त जिनका योग लगभग 100 के बराबर हो।
नीति समयरेखा tw-timeline
प्रणाली या नीति के प्रमुख नोड्स का सिलसिला, नोड समयरेखा से जोड़ा गया। ध्यान दें कि यह 'दृश्य सहायता' है, यह मुख्य पाठ के उपशीर्षकों में कालानुक्रमिक शैली न उपयोग करने (जैसे '1975 वर्ष...' को शीर्षक बनाना) से अलग बात है।
उद्धरण कार्ड tw-quote
जब एक वाक्य पूरे लेख के मूल तनाव को व्यक्त कर सके, तो उसे उद्धरण कार्ड के रूप में बड़ा करें। उद्धरण में स्वयं「」 न जोड़ें, मॉड्यूल जोड़ देगा। उद्धरण शब्दशः और सत्यापन योग्य होना चाहिए।
3 करोड़ बाजार मूल्य का घर, 6 से 7 करोड़ का घर बन गया…… गरीबों को लूटकर अमीरों को देना, देश अमीरों के घरों के पुनर्निर्माण के लिए पैसा दे रहा है
स्रोत टैग tw-source
एक विश्लेषण के डेटा स्रोतों को एक विनम्र चिप में संग्रहित करें, पैराग्राफ के बगल में रखें। विश्वसनीयता क्यूरेशन का हिस्सा है——ताइवान डिजिटल मीडिया अक्सर स्रोत चिह्नित करना भूल जाता है, यह वह जगह है जहां हम अलग कर सकते हैं।
आंतरिक मामलों का मंत्रालय अचल संपत्ति सूचना मंच, वास्तविक मूल्य पंजीकरण, नेशनल चेंगची विश्वविद्यालय अचल संपत्ति अनुसंधान केंद्र, विधायी युआन गजट, हांगकांग आवास समिति
स्पष्टीकरण बॉक्स tw-note
डेटा लेख की विश्वसनीयता का आधा हिस्सा 'आपने कैसे गणना की' में होता है। पत्रकार डेटा पत्रकारिता में 【स्पष्टीकरण】 ब्लॉक का उपयोग गणना विधि समझाने के लिए, (टिप्पणी) से सुधार चिह्नित करने के लिए करते हैं, हम इस परंपरा को मॉड्यूल बनाते हैं। पहली पंक्ति में स्पष्टीकरण/विधि/टिप्पणी
रेखा चार्ट tw-line
चार या अधिक समय बिंदुओं के रुझान को इंलाइन SVG का उपयोग करके रेखा चार्ट के रूप में खींचा जाता है, और y-अक्ष की ऊपरी और निचली सीमाएँ चिह्नित की जाती हैं ताकि पाठक सीमा देख सकें। सबसे महत्वपूर्ण बात यह है——यह स्वचालित रूप से एक छिपी हुई डेटा तालिका उत्पन्न करता है, जिससे स्क्रीन रीडर और AI क्रॉलर कच्चे डेटा को पढ़ सकते हैं। चार्ट मनुष्यों के लिए है, तालिका मशीनों के लिए है, दोनों का स्रोत एक ही है।
| वर्ष | राष्ट्रीय |
|---|---|
| 2014 | 8.41 |
| 2016 | 9.32 |
| 2018 | 8.57 |
| 2020 | 9.2 |
| 2022 | 9.61 |
| 2024 | 10.76 |
| आधाररेखा：2014 प्रारंभ | 8.41 |
| स्रोत：नेशनल चेंगची विश्वविद्यालय अचल संपत्ति अनुसंधान केंद्र、आंतरिक मामलों का मंत्रालय अचल संपत्ति सूचना मंच |
रेखा चार्ट आधार रेखा का भी समर्थन करता है: एक पंक्ति आधाररेखा：लेबल | मान जोड़ें, यह एक बिंदीदार रेखा के रूप में खींची जाएगी, बिना अंत बिंदुओं के, केवल एक लेबल के साथ, वास्तविक मापा अनुक्रम से दृश्य रूप से अलग। पाठक एक निश्चित सीमा को मापे गए डेटा के रूप में गलत नहीं समझेंगे।
ढलान चार्ट tw-slope
जब आपके पास केवल「दो समय बिंदु」हों, तो रेखा चार्ट बीच की खाली जगह बर्बाद करता है। ढलान चार्ट सीधे दो सिरों को जोड़ने वाली रेखा के झुकाव को बोलने देता है, किसका उछाल तीव्र है, किसने किसे पार किया, एक नज़र में पता चल जाता है। लेबल की शुरुआत में * जोड़कर किसी विशेष पंक्ति को हाइलाइट किया जा सकता है, शेष पंक्तियाँ स्वचालित रूप से धूसर होकर संदर्भ बन जाती हैं।
| 2014 | 2024 | |
|---|---|---|
| राष्ट्रीय | 8.41 | 10.76 |
| ताइपे | 12.0 | 16.60 |
हीटमैप tw-heatmap
क्षेत्र×संकेतक, या वर्ष×श्रेणी का मैट्रिक्स तुलना। प्रत्येक कॉलम स्वतंत्र रूप से रंग की गहराई में सामान्यीकृत होता है, संख्या जितनी बड़ी उतनी गर्म। यह स्वयं एक HTML तालिका है, इसलिए यह जन्मजात रूप से AI-पठनीय है——यही कारण है कि हीटमैप हमारे सिस्टम में「एक रंगीन छवि」से बेहतर है।
| काउंटी/शहर | आवास मूल्य-आय अनुपात (गुना) | आवास ऋण बोझ अनुपात (%) |
|---|---|---|
| ताइपे | 16.60 | 63.9 |
| न्यू ताइपे | 13.03 | 56.9 |
| ताइचुंग | 11.11 | 48.0 |
| ताओयुआन | 9.0 | 40.0 |
| स्रोत：आंतरिक मामलों का मंत्रालय अचल संपत्ति सूचना मंच | – | – |
點圖 tw-dot
बार चार्ट "मात्रा" की तुलना करते हैं, डॉट प्लॉट "वितरण" दिखाते हैं: सभी बिंदु एक ही पैमाने पर गिरते हैं, आप देख सकते हैं कि कौन एक साथ जमा हैं और कौन बाहरी मान हैं। प्रति पंक्ति एक मान डॉट स्ट्रिप होता है; दो मान देने पर "यहाँ से वहाँ तक" का अंतराल बनता है; तीन मान (बिंदु अनुमान | निचली सीमा | ऊपरी सीमा) देने पर जनमत सर्वेक्षण शैली का "बिंदु अनुमान + अनिश्चितता अंतराल पट्टी" बनती है। ±3% का नमूना त्रुटि को नज़रअन्दाज़ नहीं किया जाना चाहिए, यह चुनावी वर्ष में सबसे अधिक खोई जाने वाली ईमानदार प्रस्तुति है। * का उपयोग भी जोर देने के लिए किया जा सकता है।
堆疊條 tw-stack
वेफर चार्ट "एक समग्र" की संरचना के लिए उपयुक्त है; स्टैक्ड बार कई पंक्तियों में संरचना की तुलना के लिए उपयुक्त है——प्रत्येक पंक्ति स्वचालित रूप से 100% पर सामान्यीकृत होती है, पर्याप्त चौड़े खंडों में मान सीधे रंग ब्लॉक में लेबल किए जाते हैं।
| जनमत संग्रह | सहमत | असहमत |
|---|---|---|
| 2018 परमाणु से हरित ऊर्जा | 59 | 41 |
| 2021 चौथे परमाणु संयंत्र पुनः आरंभ | 47 | 53 |
| 2025 तीसरे परमाणु संयंत्र सेवा विस्तार | 74 | 26 |
| स्रोत: केंद्रीय चुनाव आयोग तीन जनमत संग्रह आधिकारिक पुष्ट परिणाम |
金字塔 tw-pyramid
पीछे-पीछे की लंबी पट्टियाँ, दोनों तरफ एक-एक खेमा, बीच में साझा लेबल, यह जनसांख्यिकी का क्लासिक चार्ट प्रकार है। यहाँ हम इसका उपयोग छह काउंटी/शहरों के 'टॉप-हेवी' (बूढ़े अधिक, बच्चे कम) को देखने के लिए करते हैं: बाईं ओर बच्चे हैं, दाईं ओर बुजुर्ग, दोनों की तुलना करने पर बुढ़ापा अब एक अमूर्त प्रतिशत नहीं रह जाता।
काउंटी/सिटी टाइल मानचित्र tw-tiles
ताइवान के कोरोप्लेथ मानचित्रों की दो पुरानी समस्याएँ हैं: हुआलिएन और ताइतुंग का क्षेत्रफल इतना बड़ा है कि वे दृश्य भार छीन लेते हैं, और AI द्वारा हाथ से खींचे गए ताइवान के आकार अक्सर 'जैतून और आलू के बीच' जैसे हो जाते हैं। टाइल मानचित्र 22 काउंटी/शहरों को समान आकार के टाइलों में व्यवस्थित करता है (लेआउट सिस्टम में हार्डकोडेड है, वास्तविक सापेक्ष स्थिति के अनुसार), प्रत्येक टाइल का वजन समान होता है, संख्याएँ सीधे टाइल पर लिखी जाती हैं। आकार हमेशा सही होता है, क्योंकि आकार बनाया ही नहीं जाता।
इकाई चार्ट tw-iso
「174,891 परिवार」 एक ऐसा आँकड़ा है जिसे पढ़ते ही भुला दिया जाता है; नौ उँगलियों पर गिने जा सकने वाले बिंदु नहीं। इकाई चार्ट बड़ी संख्याओं को 「एक प्रतीक = कितना」 की गिनने योग्य इकाइयों में बदल देता है, यह रिपोर्टर का दूरसमुद्र मछली पकड़ने की विशेष रिपोर्ट करते समय का सिद्धांत है: बेजान विशाल संख्याओं को जनता के लिए बोधगम्य इकाइयों में बदलना। प्रतीक केवल पूर्णांक का उपयोग करते हैं (आधा नहीं काटते), सटीक मान बगल में लिखा जाता है।
● ≈ 1
सीट आर्क tw-arc
विधायिका की सीट संरचना का अपना विशेष चार्ट होता है: अर्धवृत्ताकार बिंदु सरणी, एक सीट एक बिंदु, राजनीतिक दल सूचीबद्ध क्रम में लगातार क्षेत्र बनाते हैं। पाई चार्ट कोणों की तुलना करता है (मानव आँख इसमें बहुत खराब है), सीट आर्क आपको सीधे बिंदु गिनने देता है, बहुमत रेखा ठीक वहाँ खींची जाती है जहाँ होनी चाहिए। यहाँ 2024 के विधायक चुनाव के परिणाम का उपयोग किया गया है: 113 सीटें, तीन दल बहुमत से कम, वह बिंदीदार रेखा ही बाद में बड़े पैमाने पर रिकॉल की पूरी रस्साकशी का प्रारंभ बिंदु थी। ध्यान दें यह विधायिका का चार्ट है: 22 काउंटी/शहर प्रमुख वाले 'एक निर्वाचन क्षेत्र एक विजेता' प्रकार के चुनाव के लिए नीचे दिए गए काउंटी/सिटी टाइल मानचित्र का उपयोग करना चाहिए।
| मान | |
|---|---|
| कुओमिंतांग | 52 |
| डीपीपी | 51 |
| ताइवान पीपुल्स पार्टी | 8 |
| निर्दलीय | 2 |
लघु गुणक ग्रिड tw-multiples
एक ही चार्ट में पाँच रेखाएँ ठूँस दो, रेखाएँ स्पेगेटी की तरह उलझ जाएँगी; लघु गुणक प्रत्येक रेखा को अपने छोटे सेल में बाँटते हैं, सभी सेल एक ही पैमाना साझा करते हैं, ताकि आकृतियों की तुलना की जा सके। यहाँ तीन-पाली नर्स-मरीज़ अनुपात का उपयोग किया गया है: हीटमैप (ऊपर वाला) आपको सटीक मैट्रिक्स देता है, लघु गुणक आपको "हर स्तर देर रात की ओर चढ़ता है, जमीनी स्तर सबसे तेज़ चढ़ता है" की आकृति देता है। वही डेटा, अलग सवाल, अलग चार्ट चुनें।
| मान | ||
|---|---|---|
| मेडिकल सेंटर | दिन की पाली | 6 |
| मेडिकल सेंटर | शाम की पाली | 9 |
| मेडिकल सेंटर | रात की पाली | 11 |
| क्षेत्रीय अस्पताल | दिन की पाली | 7 |
| क्षेत्रीय अस्पताल | शाम की पाली | 11 |
| क्षेत्रीय अस्पताल | रात की पाली | 13 |
| जिला अस्पताल | दिन की पाली | 10 |
| जिला अस्पताल | शाम की पाली | 13 |
| जिला अस्पताल | रात की पाली | 15 |
इन मॉड्यूल का उपयोग कैसे करें
प्रत्येक मॉड्यूल लेख के Markdown में एक ```tw-* ब्लॉक लिखकर बनाया जाता है, जिसमें | से कॉलम अलग किए जाते हैं, और बिल्ड के समय यह स्वचालित रूप से ऊपर दिखाए गए रूप में बदल जाता है—लेखक को कोई HTML या JavaScript लिखने की आवश्यकता नहीं होती। पूर्ण सिंटैक्स, किस स्थिति में किसका उपयोग करना है, रंग और अक्ष कैसे सेट करें ताकि भ्रम न हो, और प्रकाशन पूर्व विज़ुअलाइज़ेशन चेकलिस्ट—ये सभी graph.md में हैं।
यह प्रणाली विज़ुअल स्टोरीटेलिंग मीडिया The Pudding के संपादकीय दर्शन से प्रेरित है—समस्या डेटा से पहले आती है, निष्कर्ष स्पष्ट होना चाहिए, एनोटेशन प्रमुख हैं—लेकिन यह Taiwan.md के अपने अंग के रूप में विकसित हुई है: स्थैतिक, बहुभाषी, AI-पठनीय। डिज़ाइन का पूरा संदर्भ विज़ुअलाइज़ेशन सिस्टम डिज़ाइन रिपोर्ट में लिखा गया है।
यह देखने के लिए कि ये मॉड्यूल एक वास्तविक गहन लेख में कैसे कथा में गुंथे हुए हैं, सार्वजनिक आवास और आवासीय न्याय पढ़ें—इस पृष्ठ के अधिकांश डेटा उस शोध से आए हैं।
यह प्रणाली स्वयं भी विकसित हो रही है
आप जो पृष्ठ देख रहे हैं, वह स्वयं तीन दौर के विकास का परिणाम है। चूंकि यह समयरेखा वाला पृष्ठ है, इसलिए अपनी इतिहास बताने के लिए नीति-अक्ष मॉड्यूल का उपयोग करते हैं：
तीसरे दौर का फोकस वास्तव में नए चार्ट प्रकार नहीं थे, बल्कि एक ईमानदार स्व-परीक्षण था। पूर्ण-साइट ऑडिट में पाया गया: जिन मॉड्यूल पर स्वचालित गेट नजर रखते थे, उनकी स्रोत-एनोटेशन दर 100% थी; जिन तीन उच्च-आवृत्ति मॉड्यूल पर नजर नहीं थी, उनमें 40% बिना एनोटेशन के चल रहे थे। नियम संपादकीय गाइड में दो महीने से लिखे थे, फिर भी व्यवहार पूरी तरह उपकरण के आकार के अनुसार चल रहा था, इसलिए इस बार उपकरण को नियमों जितना चौड़ा बनाया गया। इसी दौर में यह भी पकड़ा गया कि सिस्टम स्ट्रिंग अंग्रेजी, जापानी, कोरियाई पृष्ठों पर एकसमान रूप से चीनी में रेंडर हो रहे थे, यहां तक कि एक सरलीकृत चीनी अक्षर एक्सेसिबिलिटी टैग में घुला हुआ था और किसी ने ध्यान नहीं दिया। एक ऐसे प्रणाली के लिए जो दावा करती है "LLM को छह भाषाओं में ताइवान डेटा पढ़ने लायक बनाना", ये कोने नई सुविधाओं से अधिक महत्वपूर्ण हैं।
हाल के शोध भी इस मार्ग का समर्थन करते हैं: मल्टीमॉडल AI की छवियों से चार्ट मान पुनर्निर्माण की सटीकता विश्वसनीय नहीं है, टेक्स्ट नोड ही वह चीज है जिसे मशीन वास्तव में स्थिरता से पढ़ सकती है। यही कारण है कि टाइल मैप संख्याओं को सीधे टाइल पर लिखते हैं, और हर चार्ट के साथ एक छिपा डेटा तालिका संलग्न होती है। पूर्ण शोध प्रक्रिया और डिजाइन निर्णय दृश्यीकरण प्रणाली v3.0 गहन शोध और कार्यान्वयन रिपोर्ट में लिखे हैं।
विस्तारित पठन:
- सार्वजनिक आवास और आवासीय न्याय — इन आवासीय डेटा के पीछे की पूरी कहानी: सार्वजनिक आवास कैसे सस्ते घर से संपत्ति सीढ़ी बन गया, इस पृष्ठ के अधिकांश मॉड्यूल के डेटा स्रोत
- डेटा से देखें ताइवान के 22 काउंटी-शहर — इस पृष्ठ के बिंदु चार्ट, पिरामिड, काउंटी-शहर टाइल मैप के सभी उम्रदराजी डेटा इस लेख के 22 काउंटी-शहर के पूर्ण विश्लेषण से आते हैं
- ताइवान और परमाणु ऊर्जा की चर्चा — स्टैक्ड बार के उन तीन जनमत संग्रह की पूरी कहानी: बहस जीती, व्यवस्था हारी
- चिकित्सा कानून — छोटे-गुणक ग्रिड के उस तीन-पाली नर्स-रोगी अनुपात संख्या की पूरी कहानी: कानून लिख सकता है कितने बेड संभालने हैं, नहीं लिख सकता कि वे हाथ हैं या नहीं
- बड़ा रिकॉल — सीट आर्क की उस बहुमत बिंदीदार रेखा का अनुवर्ती: तीन-पार्टी अल्पमत वाली विधायिका 31 रिकॉल मामलों तक कैसे पहुंची
- ताइवान कम जन्मदर संकट — घर न खरीद पाना और बच्चे न पैदा कर पाना, पीढ़ीगत न्याय का दूसरा पहलू
संदर्भ सामग्री
छवि स्रोत
इस लेख में 1 क्रिएटिव कॉमन्स लाइसेंस प्राप्त छवि का उपयोग किया गया है, public/article-images/society/ पर कैश्ड:
- ताइपे शहर का आवासीय क्षितिज (शियांगशान दृष्टिकोण) — फोटो: Heeheemalu, 2026, CC BY-SA 4.0 (हीरो)
🧬 寫這篇文章時，Semiont 在想什麼