भूखंडों के डिजाइन और निर्माण के लिए आवश्यक नियम क्या हैं?


19

पृष्ठभूमि:

इससे पहले क्रॉस वैलिडेट पर, हमारे पास सवाल थे:

इस प्रश्न में टिप्पणियों में @david द्वारा यह सुझाव दिया गया था कि हमारे पास एक समुदाय विकी प्रश्न होना चाहिए जिसमें प्रति उत्तर में एक विज़ुअलाइज़ेशन नियम हो, जिस पर समुदाय वोट दे सके।

सवाल

डेटा के चित्रमय अभ्यावेदन के डिजाइन और निर्माण पर आवश्यक नियम क्या हैं?

नियम

  • प्रति उत्तर एक नियम
  • आदर्श रूप में, एक संक्षिप्त विवरण शामिल करें कि आपको क्यों लगता है कि यह एक अच्छा विचार है
  • पसंदीदा और अच्छे अभ्यास के उदाहरण (कोड और छवि) के साथ उत्तर।

जवाबों:


13

फॉर्म से अधिक पदार्थ : यह दिखाने के लिए कि आप अपने ग्राफिंग पैकेज की क्या आवश्यकता है, के बजाय जो आप दिखाना चाहते हैं, वह प्लॉट, शैली, रंग या अन्य ग्राफिकल पैरामीटर चुनें।


8
(+1) मैं अक्सर इस संभावना को कम करने के लिए पहले पेपर पर एक ग्राफ को स्केच करना पसंद करता हूं कि मेरे डिजाइन निर्णयों को ग्राफिंग सॉफ्टवेयर द्वारा बनाए गए कम से कम प्रतिरोध के मार्ग द्वारा निर्देशित किया जाएगा।
जेरोमे एंग्लीम

13

रंग के तीन आयामों से परिचित होना सहायक हो सकता है। यदि आप कई रंगों का उपयोग करते हैं, तो उन्हें आदर्श रूप से उन सभी आयामों में भिन्न होना चाहिए, न कि केवल एक।

मान। ग्राफ काले और सफेद में भी पठनीय रहना चाहिए। इस सरल नियम में रंग अंधापन, कम गुणवत्ता वाले प्रिंटर और खराब रोशनी की स्थिति के लिए खाता होना चाहिए। यहां तक ​​कि अगर आप अलग-अलग रंग का उपयोग करते हैं, तो सुनिश्चित करें कि मान पर्याप्त रूप से भिन्न हैं। विशेष रूप से, भूखंडों को हल्के पृष्ठभूमि (या विपरीत) पर अंधेरा होना चाहिए, लेकिन ग्रे मूल्य पर ग्रे नहीं। सबसे खराब उदाहरण एक लाल पृष्ठभूमि का एक नीला प्लॉट होगा - दोनों मध्य मूल्य हैं, अर्थात, काले और सफेद रंग में रूपांतरण के बाद बहुत समान रूप देगा।

संतृप्ति। मॉडरेशन के साथ संतृप्ति का उपयोग किया जाना चाहिए: एक शुद्ध लाल रेखा ठीक हो सकती है, लेकिन एक मोटी, कम संतृप्त लाल रेखा अधिक पठनीय होगी (बढ़ी हुई मोटाई रंगों को अलग करने में मदद करती है और आपको संतृप्ति को कम करने की अनुमति देती है)। दूसरी ओर, एक शुद्ध लाल क्षेत्र देखने में दर्दनाक है: क्षेत्रों को भरने के लिए संतृप्त रंगों का उपयोग न करें। Brewer रंग पट्टियाँ (नक्शे के लिए बनाया गया है, न कि लाइन भूखंडों) कम संतृप्ति रंगों के चुनाव के उदाहरण दे। सबसे खराब उदाहरण होगा, फिर से, एक संतृप्त पृष्ठभूमि (नीला पर लाल या लाल पर नीला)।

ह्यू। जैसा कि @gung द्वारा उल्लेख किया गया है, लाल / हरी (ट्रैफ़िक लाइट) संयोजन से बचें: आपके विचार से बहुत अधिक रंग-अंधा लोग हैं। विशेषकर ह्यू के साथ, कम अधिक है। उदाहरण के लिए, "डाइवर्जिंग" मान (यानी, मात्रा जो कि सकारात्मक या नकारात्मक हो सकती है) को प्लॉट करने के लिए, केवल दो hues (सकारात्मक और नकारात्मक मानों के लिए) का उपयोग करें, ताकि पाठक को तुरंत पता चल सके कि क्या उच्च है और क्या कम है। असतत प्रवणता का उपयोग करने के परिणामस्वरूप बहुत अधिक पठनीय साजिश हो सकती है: रंगों के बीच की सीमाएं दिखाई देती हैं और एक समोच्च भूखंड का निर्माण करती हैं।

आप रंगों का उपयोग करने के लिए S. Few के व्यावहारिक नियम पढ़ना चाहते हैं या कला या डिजाइन के छात्रों के लिए "कलर थ्योरी" के बारे में किसी भी सामग्री का उल्लेख कर सकते हैं।


+1, यहाँ अच्छी जानकारी। मूल्य के बारे में आपकी बात और काले और सफेद में रूपांतरण के बाद रंग कैसे प्रस्तुत करेंगे, यह विशेष रूप से अच्छा है। Few पेपर का लिंक सहायक है। एक नोट: अन्य उत्तरों को "ऊपर" के रूप में संदर्भित करना सबसे अच्छा है, इसके बजाय @ का उपयोग करें; उन्हें कितने वोट मिले, इसके आधार पर उत्तर घूमते हैं।
गूँज - मोनिका

11

आकृति के भीतर ही आवश्यक जानकारी का अधिक से अधिक स्थान रखें। कैप्शन को संदर्भित करने के लिए पाठक की आवश्यकता नहीं है, उदाहरण के लिए विभिन्न प्रतीकों या रंगों के अर्थ की पहचान करना। जो भी जानकारी (या अनुपूरक जानकारी) रखें, वह कैप्शन में ही नहीं जा सकती। यह विचार एक ग्राफ दर्शक द्वारा प्रासंगिक जानकारी निकालने के लिए आवश्यक प्रयास को कम से कम करने के लिए है - विवरण: ग्राफ आत्म-व्याख्यात्मक है, अगला सबसे अच्छा: आवश्यक पूरक जानकारी को जल्दी से कैप्शन से चमकाया जा सकता है, सबसे खराब: दर्शक को बारीकी से पढ़ना चाहिए संपूर्ण परिणाम अनुभाग कुछ महत्वपूर्ण विवरण की खोज कर रहा है कि क्या हो रहा है।


1
+1, और हम इस विचार को और आगे बढ़ा सकते हैं: हम इसे ऐसे बनाना चाहते हैं कि लोग एक ग्राफ़ देख सकें और जान सकें (जितना संभव हो सके) कैप्शन को पढ़े बिना क्या चल रहा है, और यह भी कि उन्हें अतिरिक्त जानकारी की आवश्यकता कब है उस कैप्शन में उपलब्ध है जैसे कि लोग कैप्शन पढ़ सकते हैं और यह जान सकते हैं कि उस महत्वपूर्ण विवरण को खोजने के लिए पेपर के माध्यम से पढ़ने के बिना उन्हें क्या चाहिए।
गूँग - मोनिका

1
@gung यह सीडब्ल्यू है कृपया अपनी टिप्पणियों को प्रतिबिंबित करने के लिए उत्तर को संपादित करने के लिए स्वतंत्र महसूस करें।
डेविड लेबॉयर

10

साजिश को यथासंभव सरल बनाएं। टफ्टे के शब्दों में, 'डेटा-इंक अनुपात को कम से कम करें'।

उदाहरण के लिए, बचें:

  • आवश्यकता से अधिक रंग या आकार
  • आवश्यकता से अधिक टिक के निशान
  • 2-डी प्लॉट पर 3-डी प्रभाव।
  • एक किंवदंती का उपयोग करके जब वस्तुओं को सीधे लेबल किया जा सकता है

मैं यहां टफ्टे से असहमत हूं। सबसे पहले, अपनी मूल पुस्तक में इस नियम के लिए प्रेरणा का एक बड़ा हिस्सा यह है कि आपको अतिरिक्त, अनावश्यक रेखाओं को खींचने में कितना समय देना है; लेकिन यह आज अप्रासंगिक है। दूसरा, ग्राफिक के अनौपचारिकता को अधिकतम करने के लिए क्लीवलैंड के नियम द्वारा वास्तविक विचार को बेहतर तरीके से कैप्चर किया गया है, क्योंकि कभी-कभी प्लॉट अधिक स्याही के साथ अधिक जानकारीपूर्ण हो सकता है, लेकिन दोनों नियम टफटे को बंद करने वाले चार्टजंक को रेखांकित करते हैं।
गूँग - मोनिका

@ तुंग को टुट्टे द्वारा प्रेरणा के रूप में प्रस्तुत किए गए प्रयास / समय की आवश्यकता थी। मुझे यह हिस्सा याद नहीं है (लेकिन मेरे पास पाठ भी नहीं है)।
डेविड लेबॉयर

1
मेरे पास यह नहीं है, लेकिन अपनी पहली पुस्तक विज़ुअल डिस्प्ले में मैंने उन्हें याद करते हुए बताया कि एक ग्राफ़ खींचने के लिए आपको कितनी बार शासक को नीचे रखना पड़ा था। हो सकता है कि "बड़ा" एक ओवरस्टेटमेंट था, लेकिन मुझे यह पढ़कर और सोचकर याद आया, 'अब इसकी परवाह कौन करता है?' में तत्वों , क्लीवलैंड एक ठोस तर्क है कि टफ़्टे के शासन के गलत है बनाता है। उनका तर्क है कि बिंदु सूचना हस्तांतरण को अधिकतम करने के लिए है और दिखाता है कि यह सिद्धांत भी टफ्टे को पसंद नहीं करता है, लेकिन ऐसे मामलों (जो वह दिखाता है) के लिए अनुमति देता है जहां अतिरिक्त गैर-डेटा स्याही ग्राफ़ को अधिक जानकारीपूर्ण बनाने में मदद करती है।
गंग -

मुझे स्पष्ट करना चाहिए, मैं कुछ विशिष्ट सुझावों (जैसे, कोई 3 डी, कोई चार्टजंक) से असहमत नहीं हूं; मैं ग्राफिक्स के लिए दिशानिर्देश के रूप में टफ्ट के नियम के साथ क्विबलिंग कर रहा हूं।
गूँग - मोनिका

@ गुंग I ने एक ही चर्चा को एक अनुमानी उपकरण के रूप में व्याख्यायित किया - पाठक के लिए दृष्टिकोण को समझने का एक आसान तरीका, न कि डिजाइनर के काम को कम करने का एक तरीका।
डेविड लेबॉयर


6

लाल और हरे रंग का विरोध न करें। रंग मददगार हो सकता है, लेकिन रंग का उपयोग करते समय हमेशा ध्यान रखें कि लोगों का पर्याप्त अल्पसंख्यक लाल-हरा रंग-बिरंगा होता है। मैं एक बार किसी को कुछ डेटा दिखा रहा था, और वह यह नहीं बता पाया कि मेरे रेखांकन में क्या चल रहा है - यह एक बेकार था और मुझे बहुत बेवकूफ लगा। कलरब्लिंडनेस के अन्य रूप बहुत दुर्लभ हैं, लेकिन लाल-हरा काफी सामान्य है। इस पेज में बहुत सारी अच्छी जानकारी है। यहाँ कुछ युक्तियाँ हैं:

  • यदि आपको केवल दो रंगों की आवश्यकता है, तो नीले और पीले रंग का उपयोग करें - लाल और हरे रंग का उपयोग न करें।
  • यदि आपको एक ढाल की आवश्यकता है, तो संतृप्ति और लपट को एक साथ बदलते समय नीले से पीले रंग में जाएं - इंद्रधनुष का उपयोग न करें।
  • यदि आपको दो से अधिक तत्वों को एनकोड करना है (उदाहरण के लिए, दो से अधिक समूहों से स्कैप्लेटोट पर अंक, या कई लाइनें) तो अलग-अलग प्लॉटिंग प्रतीकों / रेखा शैलियों के साथ अपने रंगों को वापस करें। उदाहरण के लिए, अलग-अलग प्लॉटिंग प्रतीकों: ओ + <स्वा, या लाइनें: ठोस, बिंदीदार, धराशायी, डॉट-धराशायी, आदि (आप अपनी लाइनों या लाइन वेट को बदलने के लिए प्लॉटिंग प्रतीकों को भी जोड़ सकते हैं)।

यह वास्तव में कुछ ऐसा है जिसे मैं अक्सर आश्चर्यचकित करता हूं: उपयोग करने के लिए सबसे अच्छा रंग ढाल क्या है?
स्टेफेन

4

स्टैक्ड बार ग्राफ़ का उपयोग न करें। और संबंधित नोट पर, यदि आपके पास एक लिकट स्केल आइटम है, तो प्रत्येक आइटम के लिए प्रत्येक प्रतिक्रिया के लिए अनुपात दिखाने की आवश्यकता महसूस न करें। वे रेखांकन मेरी आंखों से खून निकालते हैं।

पाई-चार्ट का उपयोग न करें।

डेटा को डुप्लिकेट न करें जो किसी तालिका में फेंककर ग्राफ़ में निहित है।

ग्राफ़ शीर्षक, आदि के लिए एरियल जैसे सैंस सेरिफ़ फ़ॉन्ट का उपयोग करें, क्योंकि उन प्रकार के फ़ॉन्ट को उस तरह से उपयोग करने के लिए डिज़ाइन किया गया है।

डिजाइन पर कोई भी पोस्ट एक पुस्तक संदर्भ के बिना पूरी नहीं होती है, मुझे वास्तव में अंगूठे के सांख्यिकीय नियम पसंद हैं । अध्याय 9 यहां चर्चा के लिए थोड़ा प्रासंगिक है, और बिट्स मैं इंगित करता हूं कि यह पूछे जाने पर कि मैं बार ग्राफ और पाई चार्ट से क्यों नफरत करता हूं। :)

स्वीकारोक्ति: एक छोटे एनजीओ क्लाइंट के लिए मेरी पहली छात्र परामर्श भूमिकाओं में से एक मैंने उन्हें एक रिपोर्ट दी जिसमें ढेर सारे स्टैक्ड बार ग्राफ़ थे, जो रंग में मुद्रित थे (यह 1990 के दशक के मध्य में था)। मुझे लगता है कि मैं उन पिल्लों में पीला, बैंगनी और लाल रंग लाने में कामयाब रहा।


3

कुल्हाड़ियों के साथ गड़बड़ मत करो। पहली सौ इकाइयों को सिर्फ इसलिए न काटें क्योंकि तब ग्राफ का ढलान अधिक प्रभावशाली लगता है। छवि चिपक जाएगी और लोगों को वास्तव में मापा गया था की तुलना में बहुत बड़ा प्रभाव याद होगा।


2
स्पष्ट ढलान को बदलने के लिए डेटा को काटना धोखाधड़ी है। OTOH, इस बारे में एक वास्तविक प्रश्न है कि क्या अक्षों में हमेशा 0 शामिल होना चाहिए, और (कुछ हद तक संबंधित) पहलू अनुपात का उपयोग किया जाना चाहिए। क्लीवलैंड एक मजबूत मामला बनाता है कि यदि आप डेटा विंडो के भीतर डेटा को अधिकतम करते हैं, और 45 डिग्री तक 'बैंक' ढलान पर रेखांकन अधिक जानकारीपूर्ण होता है। अपने दर्शकों को जानें, यहां: क्लीवलैंड का तर्क है कि पेशेवर दर्शकों को सक्षम और साक्षर के रूप में लिया जाना चाहिए, लेकिन भोले दर्शकों के साथ, या तो स्पष्ट रूप से इन विशेषताओं को इंगित करें और उन्हें समझाएं, या (संभवतः) उनका उपयोग न करें।
गूँग - मोनिका

यहां तक ​​कि पेशेवर दर्शक (मुझे लगता है) महीनों बाद ग्राफ में केवल खड़ी रेखा को याद करेंगे और इंटरसेप्ट और बाकी सब कुछ भूल गए होंगे। चरम मूल्यों को सही ढंग से लेबल करके आप (सपाट) ग्राफ में वह सभी डेटा रख सकते हैं और अभी भी इसमें जानकारी है कि वास्तव में कुछ भी नहीं बदल गया है।
xmjx

2
मैं असहमत हूं। मुझे नहीं लगता कि सभी कुल्हाड़ियों को शून्य पर शुरू करने पर जोर देने के लिए यह एक समझदार नियम है, यदि ऐसा है तो सुझाव दिया जा रहा है। ग्राफिक्स को डेटा में भिन्नता और संरचना दिखानी चाहिए - अगर जो महत्वपूर्ण है वह दो मिलियन के मूल्य के आसपास 100,000 का उतार-चढ़ाव है (और शायद यह दो समूहों के बीच कैसे अलग है), ग्राफिक को यह दिखाना चाहिए कि नहीं, "दो मिलियन एक बड़ी संख्या है "।
पीटर एलिस

मूल रूप से किसी भी डिजाइन नियम के साथ, मुझे लगता है कि यह वह है जिसे आप तोड़ सकते हैं यदि आप वास्तव में प्लॉट किए गए बदलाव के व्यावहारिक महत्व को समझते हैं और आपके दर्शक इसकी व्याख्या कैसे करेंगे। लेकिन इस नियम का इतनी बार उल्लंघन किया जाता है और इस तरह से कि मुझे लगता है कि यह जोर से घोषित करने के लिए अपेक्षाकृत सुरक्षित है "सभी अपराधों में शून्य शामिल होना चाहिए! *" अमेरिकी होम्योपैथी भूखंडों की एक Google खोज इस बिंदु को अच्छी तरह से दर्शाती है - लगभग हर भूखंड में, यह घर के अंदर के उतार-चढ़ाव की तरह दिखता है! पिछले दो दशकों में, जब वास्तव में अधिकतम प्रसार लगभग 5% है।
मैट पार्कर

ऐसा नहीं है कि 5% अप्रासंगिक है - और उन भूखंडों में से अधिकांश उन नीतियों के परिणामों के बारे में तर्कों से जुड़े हैं जो उस उतार-चढ़ाव को उत्पन्न करते हैं। लेकिन मुझे लगता है कि वे तर्क और भी मजबूत होते अगर वे इस बात पर जोर देते कि वास्तव में भारी आर्थिक परिणामों वाली नीतियों का गृहस्वामी पर अपेक्षाकृत कम प्रभाव पड़ता।
मैट पार्कर
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.