पर्वत शिखर

लगभग पूरे आयाम पर छह बिंदु, यादृच्छिकता ख़ूब ऊपर, सीधी रेखाओं से जुड़े। असमान शिखर ही असल बात हैं: नियमित आरी-दाँत एक पैटर्न लगता है, जबकि अनियमित एक भूदृश्य।

इसके पीछे की सेटिंग्स

जानने लायक़ बातें

• ऊँची यादृच्छिकता ही इसे सादे ज़िगज़ैग से अलग करती है — शिखरों की ऊँचाई अलग-अलग होती है।
• जब तक क्षितिज जँचे तब तक बीज बदलते रहिए, फिर उसे लिख लीजिए।
• बीज 8801 से दोबारा बनाया जा सकता है।

बाइट में इसकी क़ीमत

यही आकृति SVG के रूप में 231 बाइट की है और CSS बैकग्राउंड के रूप में 392 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-240 141.66L0 214.67L240 271.21L480 226.23L720 126.44L960 110.47L1200 168.16L1440 133.24L1440 320L-240 320Z" fill="#4f46e5"/></svg>

और विस्तार से

इसे लंबवत पलटकर फ़ुटर के ऊपर इस्तेमाल करना फ़ायदेमंद है, जहाँ शिखर ऊपर उठने के बजाय स्टैलेक्टाइट की तरह लटकते हैं। पलटाव CSS ट्रांसफ़ॉर्म के रूप में लागू होने के बजाय पथ में ही पक्का है, इसलिए निर्यात किया गया SVG दोनों हालात में अपने दम पर खड़ा रहता है।

सवाल

इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।