क्या कोई जानता है कि ग्रेस्केल छवि को प्रदर्शित करने के लिए, यानी डी 2 का उपयोग करते हुए पिक्सेल तीव्रता की 2-डी सरणी है? मुझे कहीं भी इसका कोई उदाहरण नहीं मिल रहा है, क्या यह मुश्किल हो रहा है? किसी भी मदद/लिंक/पॉइंटर्स की सराहना की!डी 3: 2 डी सर डेटा द्वारा संचालित ग्रेस्केल छवि प्रदर्शन
यदि कोई छवि प्रदर्शित करना चाहते हैं, तो image element और "xlink: href" विशेषता का उपयोग करें। उदाहरण के लिए:
svg.append("image")
.attr("xlink:href", "my.png")
.attr("width", 960)
.attr("height", 500);
आप ग्रेस्केल छवि colorize करने के लिए चाहते हैं, तो इस colorized heightmap example जो एक अपसारी रंग पैमाने बनाने के लिए quantiles का उपयोग करता है देखते हैं, और बेहतर धारणा के लिए एचसीएल प्रक्षेप के साथ:
यदि आपके पास कुछ अन्य प्रतिनिधित्व में आपका डेटा है, तो ये उदाहरण उपयोगी हो सकते हैं:
अंत में, यदि आप एक precomputed 2 डी हिस्टोग्राम बजाय अलग-अलग नमूने है, तो आप बिन में डेटा ऊपर हीटमैप में से एक पैदा करने से पहले की आवश्यकता होगी।
बहुत अच्छा, जानकारी के लिए धन्यवाद। ऊंचाईमैप एक अच्छा उदाहरण है जो मैं गोर का लक्ष्य रख रहा था। असल में मेरे पास 2-डी पायथन सरणी है जिसके साथ मैं काम कर रहा हूं। डी 3 माइकल प्रदान करने के लिए धन्यवाद! – reptilicus
एक सवाल, http://bl.ocks.org/3074470 पर छवि चिकनी और बहुत पिक्सलेटेड क्यों नहीं है। – reptilicus
अगर मैंने आपके प्रश्न का उत्तर दिया है तो कृपया इस प्रश्न को स्वीकार करें। आपके दूसरे प्रश्न के लिए, छवि चिकनी है क्योंकि ब्राउजर गैर-मूल संकल्प पर प्रदर्शित होने पर कैनवास (किसी भी अन्य छवि की तरह) को दोहराता है। आप इस व्यवहार को [छवि-प्रतिपादन] (https://developer.mozilla.org/en-US/docs/CSS/Image-rendering) शैली संपत्ति के माध्यम से नियंत्रित करने में सक्षम हो सकते हैं। – mbostock
एक हीटमैप की तरह लगता है –
हाँ, उन पंक्तियों के साथ कुछ। मैं डी 3 हीटमैप्स के कुछ लिंक देखता हूं, अभी तक कोई सादा छवियां नहीं हैं। मैं थोड़ा आश्चर्यचकित हूँ। । । – reptilicus
"सादा छवि" से आपका क्या मतलब है? –