एक CSS बार चार्ट बनाएं

हर विज़ुअलाइज़ेशन के लिए भारी-भरकम चार्टिंग लाइब्रेरी की ज़रूरत नहीं होती। कई डैशबोर्ड के लिए कुछ स्टाइल किए हुए div ही एक क्रिस्प, तेज़ी से लोड होने वाला बार चार्ट बना देते हैं, जो पूरी तरह आपके नियंत्रण में रहता है।

इस पाठ में आप सादे HTML और Tailwind से एक vertical बार चार्ट बनाएंगे। हर बार बस एक रंगीन div है जिसकी ऊंचाई उसके मान के अनुपात में होती है, और एक legend रंगों को उनके अर्थ से जोड़ती है।

एक एनालिस्ट के लिए यह तकनीक सोने जैसी है: आप बिना किसी dependency के किसी भी रिपोर्ट में एक साफ़ चार्ट डाल सकते हैं, और आपको ठीक-ठीक पता होता है कि हर पिक्सेल आपके डेटा से कैसे जुड़ा है। चलिए कुछ बार बनाते हैं।