D3.js 4



d

डी 3 एपीआई संदर्भ

डी 3 4.0 मॉड्यूल का एक संग्रह है जो एक साथ काम करने के लिए डिज़ाइन किया गया है; आप स्वतंत्र रूप से मॉड्यूल का उपयोग कर सकते हैं, या आप डिफ़ॉल्ट निर्माण के हिस्से के रूप में उन्हें एक साथ उपयोग कर सकते हैं। प्रत्येक मॉड्यूल के लिए स्रोत और दस्तावेज इसके भंडार में उपलब्ध है। अधिक जानने के लिए नीचे दिए गए लिंक का पालन करें। 3.x और 4.0 के बीच परिवर्तनों के लिए, CHANGES देखें; 3.x संदर्भ भी देखें।

डी 3 अर्थपूर्ण संस्करण का उपयोग करता है। वर्तमान संस्करण d3.version के रूप में उजागर किया गया है।

Arrays (डी 3-सरणी)

ऐरे हेरफेर, ऑर्डरिंग, सर्चिंग, संक्षेप आदि

Statistics

मूल सारांश आंकड़ों की गणना के लिए तरीके।

  • d3.min - सरणी में न्यूनतम मान की गणना करें।
  • d3.max - सरणी में अधिकतम मान की गणना करें।
  • d3.extent - सरणी में न्यूनतम और अधिकतम मान की गणना करें।
  • d3.sum - संख्याओं की सरणी के योग की गणना करें।
  • d3.mean - संख्याओं की सरणी के अंकगणितीय माध्य की गणना करें।
  • d3.median - संख्याओं की एक सरणी (0.5-क्वांटाइल) की औसत गणना करें।
  • d3.quantile - संख्याओं की एक क्रमबद्ध सरणी के लिए एक मात्रा गणना।
  • d3.variance - संख्याओं की सरणी के भिन्नता की गणना करें।
  • d3.deviation - संख्याओं की सरणी के मानक विचलन की गणना करें।

एक विशिष्ट तत्व के लिए सरणी खोजने के तरीके।

  • d3.scan - एक तुलनित्र का उपयोग कर तत्व के लिए रैखिक खोज।
  • d3.bisect - एक क्रमबद्ध सरणी में एक मान के लिए बाइनरी खोज।
  • d3.bisectRight - सॉर्ट किए गए सरणी में किसी मान के लिए बाइनरी खोज।
  • d3.bisectLeft - एक क्रमबद्ध सरणी में एक मान के लिए बाइनरी खोज।
  • d3.bisector - एक d3.bisector या तुलनित्र का उपयोग करके d3.bisector
  • bisector.left - bisectLeft, दिए गए तुलनित्र के साथ।
  • bisector.right - बिसेक्ट राइट, दिए गए तुलनित्र के साथ।
  • d3.ascending - दो मानों के प्राकृतिक क्रम की गणना करें।
  • d3.descending - दो मानों के प्राकृतिक क्रम की गणना करें।

Transformations

सरणी बदलने और नए सरणी उत्पन्न करने के तरीके।

  • d3.cross - दो सरणी के कार्टेशियन उत्पाद की गणना करें।
  • d3.merge - एकाधिक सरणी को एक सरणी में मिलाएं।
  • d3.pairs - तत्वों के आसन्न जोड़े की एक सरणी बनाएँ।
  • d3.permute - अनुक्रमणिका की एक सरणी के अनुसार तत्वों की एक सरणी पुन: व्यवस्थित करें।
  • d3.shuffle - सरणी के क्रम को यादृच्छिक करें।
  • d3.ticks - एक संख्यात्मक अंतराल से प्रतिनिधि मूल्य उत्पन्न करते हैं।
  • d3.tickIncrement - संख्यात्मक अंतराल से प्रतिनिधि मान उत्पन्न करें।
  • d3.tickStep - संख्यात्मक अंतराल से प्रतिनिधि मान उत्पन्न करें।
  • d3.range - संख्यात्मक मानों की एक श्रृंखला उत्पन्न करें।
  • d3.transpose - सरणी की एक सरणी का स्थानांतरण।
  • d3.zip - सरणी की एक चर संख्या को स्थानांतरित करें।

Histograms

निरंतर, गैर-ओवरलैपिंग अंतराल में बिन अलग नमूने।

  • d3.histogram - एक नया हिस्टोग्राम जेनरेटर बनाएं।
  • histogram - नमूने के दिए गए सरणी के लिए हिस्टोग्राम की गणना करें।
  • histogram.value - प्रत्येक नमूने के लिए एक मूल्य accessor निर्दिष्ट करें।
  • histogram.domain - देखने योग्य मूल्यों के अंतराल को निर्दिष्ट करें।
  • histogram.thresholds - निर्दिष्ट करें कि डिब्बे को डिब्बे में कैसे बांटा गया है।
  • d3.thresholdFreedmanDiaconis - फ्रीडमैन-डायकोनीस बिनिंग नियम।
  • d3.thresholdScott - स्कॉट का सामान्य संदर्भ बिनिंग नियम।
  • d3.thresholdSturges - d3.thresholdSturges 'बिनिंग फॉर्मूला।

एक्सिस (डी 3-अक्ष)

स्केल के लिए मानव-पठनीय संदर्भ अंक।

  • d3.axisTop - एक नया शीर्ष उन्मुख अक्ष जनरेटर बनाएं।
  • d3.axisRight - एक नया दायां उन्मुख अक्ष जनरेटर बनाएं।
  • d3.axisBottom - एक नया नीचे उन्मुख अक्ष जनरेटर बनाएँ।
  • d3.axisLeft - एक नया बाएं उन्मुख अक्ष जनरेटर बनाएं।
  • axis - दिए गए चयन के लिए अक्ष उत्पन्न करें।
  • axis.scale - पैमाने निर्धारित करें।
  • axis.ticks - अनुकूलित करें कि कैसे टिक उत्पन्न होते हैं और स्वरूपित होते हैं।
  • axis.tickArguments - अनुकूलित करें कि कैसे टिक उत्पन्न होते हैं और स्वरूपित होते हैं।
  • axis.tickValues - टिक मूल्यों को स्पष्ट रूप से सेट करें।
  • axis.tickFormat - स्पष्ट रूप से टिक प्रारूप सेट करें।
  • axis.tickSize । टिक आकार - axis.tickSize का आकार सेट करें।
  • axis.tickSizeInner - आंतरिक axis.tickSizeInner का आकार सेट करें।
  • axis.tickSizeOuter - बाहरी (सीमा) टिक का आकार सेट करें।
  • axis.tickPadding । टिक पैडिंग - टिक और लेबल के बीच पैडिंग सेट करें।

ब्रश (डी 3-ब्रश)

माउस या स्पर्श का उपयोग कर एक या दो-आयामी क्षेत्र का चयन करें।

  • d3.brush - एक नया द्वि-आयामी ब्रश बनाएं।
  • d3.brushX - x -dimension के साथ एक ब्रश बनाएँ।
  • d3.brushY - y -dimension के साथ एक ब्रश बनाएँ।
  • brush - चयन में ब्रश लागू करें।
  • brush.move - ब्रश चयन ले जाएँ।
  • brush.extent - brush.extent करने योग्य क्षेत्र को परिभाषित करें।
  • brush.filter - नियंत्रण जो इनपुट घटनाओं ब्रशिंग शुरू करते हैं।
  • brush.handleSize । हैंडल आकार - ब्रश हैंडल का आकार सेट करें।
  • brush.on - ब्रश घटनाओं के लिए सुनो।
  • d3.brushSelection चयन - किसी दिए गए नोड के लिए ब्रश चयन प्राप्त करें।

Chords (डी 3-तार)

  • d3.chord - एक नया तार लेआउट बनाएँ।
  • chord - दिए गए मैट्रिक्स के लिए लेआउट की गणना करें।
  • chord.padAngle - आसन्न समूहों के बीच पैडिंग सेट करें।
  • chord.sortGroups समूह - समूह आदेश को परिभाषित करें।
  • chord.sortSubgroups - समूहों के भीतर स्रोत और लक्ष्य आदेश परिभाषित करें।
  • chord.sortChords - समूहों में तार आदेश परिभाषित करें।
  • d3.ribbon - एक रिबन आकार जनरेटर बनाएँ।
  • ribbon - एक रिबन आकार उत्पन्न करते हैं।
  • ribbon.source । स्रोत - स्रोत ribbon.source सेट करें।
  • ribbon.target । लक्ष्य - लक्ष्य ribbon.target सेट करें।
  • ribbon.radius । त्रिज्या - रिबन स्रोत या लक्ष्य त्रिज्या सेट करें।
  • ribbon.startAngle - रिबन स्रोत या लक्ष्य प्रारंभ कोण सेट करें।
  • ribbon.endAngle - रिबन स्रोत या लक्ष्य अंत कोण सेट करें।
  • ribbon.context - रेंडर संदर्भ सेट करें।

संग्रह (डी 3-संग्रह)

स्ट्रिंग द्वारा कुंजी वाले तत्वों के लिए सुविधाजनक डेटा संरचनाएं।

Objects

एसोसिएटिव सरणी (ऑब्जेक्ट्स) को सरणी में परिवर्तित करने के तरीके।

  • d3.keys - एक एसोसिएटिव सरणी की चाबियाँ सूचीबद्ध करें।
  • d3.values - एक संबंधित सरणी के मान सूचीबद्ध करें।
  • d3.entries - एक एसोसिएटिव सरणी की कुंजी-मान प्रविष्टियों को सूचीबद्ध करें।

Maps

ES6 मानचित्र की तरह, लेकिन स्ट्रिंग कुंजियों और कुछ अन्य अंतरों के साथ।

  • d3.map - एक नया, खाली नक्शा बनाएं।
  • map.has हां - अगर नक्शा में दी गई कुंजी है तो सत्य लौटाता है।
  • map.get - दी गई कुंजी के लिए मान प्राप्त करें।
  • map.set - दिए गए कुंजी के लिए मान सेट करें।
  • map.remove - दिए गए कुंजी के लिए प्रविष्टि को हटा दें।
  • map.clear - सभी प्रविष्टियों को हटा दें।
  • map.keys - चाबियों की सरणी प्राप्त करें।
  • map.values - मूल्यों की सरणी प्राप्त करें।
  • map.entries - प्रविष्टियों की सरणी प्राप्त करें (कुंजी-मूल्य वस्तुओं)।
  • map.each । प्रत्येक - प्रत्येक प्रविष्टि के लिए एक समारोह बुलाओ।
  • map.empty - अगर नक्शा कम से कम एक प्रविष्टि है तो झूठी वापसी करता है।
  • map.size - प्रविष्टियों की संख्या की गणना करें।

Sets

ES6 सेट की तरह, लेकिन स्ट्रिंग कुंजियों और कुछ अन्य अंतरों के साथ।

  • d3.set - एक नया, खाली सेट बनाएं।
  • set.has - अगर सेट में दिया गया मान होता है तो सत्य लौटाता है।
  • set.add - दिया गया मान जोड़ें।
  • set.remove - दिए गए मान को हटा दें।
  • set.clear - सभी मानों को हटा दें।
  • set.values - मानों की सरणी प्राप्त करें।
  • set.each करें। प्रत्येक - प्रत्येक मान के लिए एक फ़ंक्शन कॉल करें।
  • set.empty - अगर सेट कम से कम एक मान है तो सच हो जाता है।
  • set.size - मानों की संख्या की गणना करें।

Nests

मनमाना पदानुक्रमों में समूह डेटा।

  • d3.nest - एक नया घोंसला जनरेटर बनाएं।
  • nest.key - घोंसला पदानुक्रम के लिए एक स्तर जोड़ें।
  • nest.sortKeys - कुंजी द्वारा वर्तमान घोंसला स्तर सॉर्ट करें।
  • nest.sortValues - मूल्य से पत्ता घोंसला स्तर क्रमबद्ध करें।
  • nest.rollup - पत्ती मूल्यों के लिए एक रोलअप समारोह निर्दिष्ट करें।
  • nest.map । मैप - nest.map उत्पन्न करते हैं, एक नक्शा लौटते हैं।
  • nest.object - nest.object उत्पन्न, एक सहयोगी सरणी लौट रहा है।
  • nest.entries - nest.entries उत्पन्न, कुंजी-मूल्य tuples की एक सरणी लौट रहा है।

रंग (डी 3-रंग)

रंग हेरफेर और रंग अंतरिक्ष रूपांतरण।

  • d3.color - दिए गए सीएसएस रंग विनिर्देश पार्स।
  • color.rgb । आरजीबी - इस रंग के आरजीबी समकक्ष की गणना करें।
  • color.brighter - इस रंग की एक उज्ज्वल प्रतिलिपि बनाएँ।
  • color.darker - इस रंग की एक गहरी प्रति बनाएं।
  • color.displayable - मानक हार्डवेयर पर रंग प्रदर्शित होने पर सही हो जाता है।
  • color.toString - रंग को एक आरजीबी हेक्साडेसिमल स्ट्रिंग के रूप में प्रारूपित करें।
  • d3.rgb - एक नया आरजीबी रंग बनाएं।
  • d3.hsl - एक नया एचएसएल रंग बनाएं।
  • d3.lab - एक नया प्रयोगशाला रंग बनाएं।
  • d3.hcl - एक नया एचसीएल रंग बनाएं।
  • d3.cubehelix - एक नया क्यूबेलिक्स रंग बनाएं।

प्रेषण (डी 3-प्रेषण)

नामित कॉलबैक का उपयोग कर अलग-अलग चिंताओं।

  • d3.dispatch - एक कस्टम घटना प्रेषक बनाएँ।
  • dispatch.on - एक घटना श्रोता पंजीकरण या पंजीकरण रद्द करें।
  • dispatch.copy - एक प्रेषक की एक प्रति बनाएँ।
  • dispatch.call dispatch.call - पंजीकृत श्रोताओं को एक घटना प्रेषण।
  • dispatch.apply dispatch.apply - पंजीकृत श्रोताओं को एक कार्यक्रम प्रेषित करें।

ड्रैगिंग (डी 3-ड्रैग)

माउस या स्पर्श इनपुट का उपयोग कर एसवीजी, एचटीएमएल या कैनवास खींचें और छोड़ें।

  • d3.drag - एक ड्रैग व्यवहार बनाएं।
  • drag - चयन में ड्रैग व्यवहार लागू करें।
  • drag.container - समन्वय प्रणाली सेट करें।
  • drag.filter - कुछ आरंभिक इनपुट घटनाओं को अनदेखा करें।
  • drag.touchable । टच करने drag.touchable - स्पर्श समर्थन डिटेक्टर सेट करें।
  • drag.subject - चीज खींचा जा रहा सेट करें।
  • drag.clickDistance - क्लिक दूरी थ्रेसहोल्ड सेट करें।
  • drag.on - खींचें घटनाओं के लिए सुनो।
  • event.on - वर्तमान इशारा पर खींचें घटनाओं के लिए सुनो।
  • d3.dragDisable - देशी ड्रैग-एंड-ड्रॉप और टेक्स्ट चयन को रोकें।
  • d3.dragEnable सक्षम - देशी ड्रैग-एंड-ड्रॉप और टेक्स्ट चयन सक्षम करें।

डेलीमीटर-अलग मूल्य (डी 3-डीएसवी)

पार्स और डिलीमीटर से अलग मूल्यों को प्रारूपित करें, आमतौर पर सीएसवी और टीएसवी।

  • d3.dsvFormat - दिए गए d3.dsvFormat लिए एक नया पार्सर और d3.dsvFormat बनाएं।
  • dsv.parse - दिए गए स्ट्रिंग को पार्स करें, ऑब्जेक्ट्स की सरणी लौटाना।
  • dsv.parseRows - पंक्तियों की एक सरणी लौटने, दी गई स्ट्रिंग पार्स।
  • dsv.format - वस्तुओं की दी गई सरणी प्रारूपित करें।
  • dsv.formatRows - पंक्तियों के दिए गए सरणी प्रारूपित करें।
  • d3.csvParse - दिए गए सीएसवी स्ट्रिंग को पार्स करें, ऑब्जेक्ट्स की सरणी लौटाना।
  • d3.csvParseRows - दिए गए सीएसवी स्ट्रिंग को पार्स करें, पंक्तियों की एक सरणी लौटाना।
  • d3.csvFormat - सीएसवी के रूप में ऑब्जेक्ट्स के दिए गए सरणी को प्रारूपित करें।
  • d3.csvFormatRows - पंक्तियों के दिए गए सरणी को CSV के रूप में प्रारूपित करें।
  • d3.tsvParse - दिए गए टीएसवी स्ट्रिंग को पार्स करें, ऑब्जेक्ट्स की सरणी लौटाना।
  • d3.tsvParseRows - दिए गए टीएसवी स्ट्रिंग को पार्स करें, पंक्तियों की एक सरणी लौटाना।
  • d3.tsvFormat - वस्तुओं के दिए गए सरणी को टीएसवी के रूप में प्रारूपित करें।
  • d3.tsvFormatRows - पंक्तियों के दिए गए सरणी को टीएसवी के रूप में प्रारूपित करें।

Easings (डी 3-आसानी)

चिकनी एनीमेशन के लिए आसान काम करता है।

बल (डी 3-बल)

वेग Verlet एकीकरण का उपयोग कर बल निर्देशित ग्राफ लेआउट।

  • d3.forceSimulation सिमुलेशन - एक नया बल सिमुलेशन बनाएं।
  • simulation.restart - सिमुलेशन के टाइमर को फिर से गरम करें और पुनरारंभ करें।
  • simulation.stop - सिमुलेशन टाइमर को रोकें।
  • simulation.tick - सिमुलेशन एक कदम अग्रिम।
  • simulation.nodes । नोड्स - सिमुलेशन के नोड्स सेट करें।
  • simulation.alpha - वर्तमान अल्फा सेट करें।
  • simulation.alphaMin - न्यूनतम अल्फा थ्रेसहोल्ड सेट करें।
  • simulation.alphaDecay - अल्फा घातीय क्षय दर सेट करें।
  • simulation.alphaTarget - लक्ष्य अल्फा सेट करें।
  • simulation.velocityDecay - वेग क्षय दर निर्धारित करें।
  • simulation.force - एक बल जोड़ें या हटा दें।
  • simulation.find ढूँढें - दिए गए स्थान पर निकटतम नोड ढूंढें।
  • simulation.on - एक ईवेंट श्रोता जोड़ें या निकालें।
  • force - force लागू करें।
  • force.initialize प्रारंभ करें - दिए गए नोड्स के साथ बल प्रारंभ करें।
  • d3.forceCenter - एक केंद्रित बल बनाएँ।
  • center.x - center.x सेट करें।
  • center.y - केंद्र वाई - center.y सेट करें।
  • d3.forceCollide - एक सर्कल टकराव बल बनाएँ।
  • collide.radius । त्रिज्या - सर्कल त्रिज्या सेट करें।
  • टकराव - collide.strength - टकराव संकल्प शक्ति सेट करें।
  • collide.iterations - पुनरावृत्तियों की संख्या सेट करें।
  • d3.forceLink लिंक - एक लिंक बल बनाएँ।
  • link.links - link.links की सरणी सेट करें।
  • link.id - संख्यात्मक सूचकांक या स्ट्रिंग पहचानकर्ता द्वारा लिंक नोड्स।
  • link.distance - लिंक दूरी सेट करें।
  • link.strength - लिंक शक्ति सेट करें।
  • link.iterations - पुनरावृत्तियों की संख्या सेट करें।
  • d3.forceManyBody - कई-बॉडी फोर्स बनाएं।
  • manyBody.strength । शक्ति - बल शक्ति सेट करें।
  • manyBody.theta - बार्न्स-हट सन्निकटन सटीकता सेट करें।
  • manyBody.distanceMin - नोड्स बंद होने पर बल को सीमित करें।
  • manyBody.distanceMax - नोड्स दूर होने पर बल को सीमित करें।
  • d3.forceX - एक एक्स - d3.forceX बल बनाएं।
  • x.strength - बल शक्ति सेट करें।
  • x.x - लक्ष्य एक्स- कॉर्डिनेट सेट करें।
  • d3.forceY - एक y d3.forceY बल बनाएँ।
  • y.strength - बल शक्ति सेट करें।
  • y.y - लक्ष्य y.y सेट करें।
  • d3.forceRadial - एक रेडियल पोजिशनिंग बल बनाएँ।
  • radial.strength - बल शक्ति सेट करें।
  • radial.radius । त्रिज्या - लक्ष्य त्रिज्या सेट करें।
  • radial.x - लक्ष्य केंद्र एक्स- कॉर्डिनेट सेट करें।
  • radial.y - लक्ष्य केंद्र y radial.y सेट करें।

संख्या प्रारूप (डी 3 प्रारूप)

मानव उपभोग के लिए प्रारूप संख्या।

  • d3.format - डिफ़ॉल्ट लोकेल पर locale d3.format लिए उपनाम।
  • d3.formatPrefix - डिफ़ॉल्ट लोकेल पर locale .formatPrefix के लिए उपनाम।
  • d3.formatSpecifier - एक संख्या प्रारूप निर्दिष्ट पार्स।
  • d3.formatLocale - एक कस्टम लोकेल परिभाषित करें।
  • d3.formatDefaultLocale - डिफ़ॉल्ट लोकेल को परिभाषित करें।
  • locale.format - एक संख्या प्रारूप बनाएँ।
  • locale.formatPrefix - एक एसआई-उपसर्ग संख्या प्रारूप बनाएँ।
  • d3.precisionFixed - निश्चित-बिंदु नोटेशन के लिए दशमलव परिशुद्धता की गणना करें।
  • d3.precisionPrefix - एसआई-उपसर्ग नोटेशन के लिए दशमलव परिशुद्धता की गणना करें।
  • d3.precisionRound - गोलाकार नोटेशन के लिए महत्वपूर्ण अंक गणना करें।

भौगोलिक (डी 3-भू)

भौगोलिक अनुमान, आकार और गणित।

Paths

  • d3.geoPath - एक नया भौगोलिक पथ जनरेटर बनाएं।
  • path - परियोजना और निर्दिष्ट सुविधा प्रस्तुत करें।
  • path.area - किसी दिए गए सुविधा के अनुमानित प्लानर क्षेत्र की गणना करें।
  • path.bounds - किसी दिए गए फीचर के अनुमानित प्लानर बाउंडिंग बॉक्स की गणना करें।
  • path.centroid - किसी दिए गए फीचर के अनुमानित प्लानर path.centroid गणना करें।
  • path.measure - किसी दिए गए फीचर की अनुमानित प्लानर लंबाई की गणना करें।
  • path.projection । प्रक्षेपण - भौगोलिक प्रक्षेपण सेट करें।
  • path.context - रेंडर संदर्भ सेट करें।
  • path.pointRadius - बिंदु सुविधाओं को प्रदर्शित करने के लिए त्रिज्या सेट करें।

Projections

  • projection - क्षेत्र से क्षेत्र में निर्दिष्ट बिंदु परियोजना।
  • projection.invert - विमान से क्षेत्र में निर्दिष्ट बिंदु को अप्रचलित करें।
  • projection.stream - प्रोजेक्ट ज्यामिति में निर्दिष्ट स्ट्रीम को लपेटें।
  • projection.clipAngle - क्लिप सर्कल के त्रिज्या सेट करें।
  • projection.clipExtent - पिक्सेल में व्यूपोर्ट क्लिप सीमा सेट करें।
  • projection.scale - स्केल कारक सेट करें।
  • projection.translate - अनुवाद ऑफसेट सेट करें।
  • projection.fitExtent - एक geoJSON ऑब्जेक्ट फिट करने के लिए पैमाने निर्धारित करें और अनुवाद करें।
  • projection.fitSize - एक geoJSON ऑब्जेक्ट फिट करने के लिए स्केल सेट करें और अनुवाद करें।
  • projection.fitWidth - एक geoJSON ऑब्जेक्ट फिट करने के लिए पैमाने निर्धारित करें और अनुवाद करें।
  • projection.fitHeight - एक geoJSON ऑब्जेक्ट फिट करने के लिए पैमाने निर्धारित करें और अनुवाद करें।
  • projection.center - केंद्र बिंदु सेट करें।
  • projection.rotate - तीन-अक्ष गोलाकार रोटेशन कोण सेट करें।
  • projection.precision - अनुकूली नमूनाकरण के लिए सटीक दहलीज सेट करें।
  • projection.preclip - गोलाकार क्लिपिंग स्ट्रीम परिवर्तन सेट करें।
  • projection.postclip - प्लानर क्लिपिंग स्ट्रीम ट्रांसफॉर्म सेट करें।
  • d3.geoClipAntimeridian - d3.geoClipAntimeridian को पार करने वाले गोलाकार ज्यामिति में कटौती करता है।
  • d3.geoClipCircle - गोलाकार ज्यामिति क्लिप एक छोटे सर्कल में।
  • d3.geoClipRectangle - एक आयताकार व्यूपोर्ट के लिए क्लिप प्लानर ज्यामिति क्लिप।
  • d3.geoAlbers - अल्बर्स बराबर क्षेत्र शंकु प्रक्षेपण।
  • d3.geoAlbersUsa - संयुक्त राज्य अमेरिका के लिए एक समग्र अल्बर्स प्रक्षेपण।
  • d3.geoAzimuthalEqualArea - azimuthal बराबर क्षेत्र प्रक्षेपण।
  • d3.geoAzimuthalEquidistant - azimuthal equidistant प्रक्षेपण।
  • d3.geoConicConformal - शंकु अनुरूप प्रक्षेपण।
  • d3.geoConicEqualArea - शंकु बराबर क्षेत्र (अल्बर्स) प्रक्षेपण।
  • d3.geoConicEquidistant - शंकु equidistant प्रक्षेपण।
  • conic.parallels । समानांतर - दो मानक समांतर सेट करें।
  • d3.geoEquirectangular - d3.geoEquirectangular (प्लेट कैरे) प्रक्षेपण।
  • d3.geoGnomonic - gnomonic प्रक्षेपण।
  • d3.geoMercator - गोलाकार मर्केटर प्रक्षेपण।
  • d3.geoOrthographic - d3.geoOrthographic ऑर्थोग्राफिक प्रोजेक्शन।
  • d3.geoStereographic - azimuthal स्टीरियोग्राफिक प्रक्षेपण।
  • d3.geoTransverseMercator - ट्रांसवर्स गोलाकार मर्केटर प्रक्षेपण।
  • project - गोलाकार से विमान तक निर्दिष्ट बिंदु प्रोजेक्ट करें।
  • project.invert - विमान से क्षेत्र में निर्दिष्ट बिंदु को अप्रचलित करें।
  • d3.geoProjection - एक कस्टम प्रक्षेपण बनाएँ।
  • d3.geoProjectionMutator - एक कस्टम विन्यास योग्य प्रक्षेपण बनाएँ।
  • d3.geoAzimuthalEqualAreaRaw - कच्चे azimuthal बराबर क्षेत्र प्रक्षेपण।
  • d3.geoAzimuthalEquidistantRaw - कच्चे azimuthal equidistant प्रक्षेपण।
  • d3.geoConicConformalRaw - कच्चे शंकु अनुरूप प्रक्षेपण।
  • d3.geoConicEqualAreaRaw - कच्चे शंकु बराबर क्षेत्र (अल्बर्स) प्रक्षेपण।
  • d3.geoConicEquidistantRaw - कच्चे शंकु equidistant प्रक्षेपण।
  • d3.geoEquirectangularRaw - कच्चे समकक्ष (प्लेट कैरे) प्रक्षेपण।
  • d3.geoGnomonicRaw - कच्चे gnomonic प्रक्षेपण।
  • d3.geoMercatorRaw - कच्चे मर्केटर प्रक्षेपण।
  • d3.geoOrthographicRaw - कच्चे d3.geoOrthographicRaw ऑर्थोग्राफिक प्रक्षेपण।
  • d3.geoStereographicRaw - कच्चे d3.geoStereographicRaw स्टीरियोग्राफिक प्रक्षेपण।
  • d3.geoTransverseMercatorRaw - कच्चे ट्रांसवर्स गोलाकार मर्केटर प्रक्षेपण।

गोलाकार गणित

  • d3.geoArea - किसी दिए गए फीचर के गोलाकार क्षेत्र की गणना करें।
  • d3.geoBounds - किसी दिए गए फीचर के लिए अक्षांश-रेखांश बाउंडिंग बॉक्स की गणना करें।
  • d3.geoCentroid - किसी दिए गए फीचर के गोलाकार केंद्र की गणना करें।
  • d3.geoContains - परीक्षण करें कि कोई बिंदु किसी दिए गए फीचर के अंदर है या नहीं।
  • d3.geoDistance - दो बिंदुओं के बीच महान आर्क दूरी की गणना करें।
  • d3.geoLength - एक लाइन स्ट्रिंग या बहुभुज के परिधि की लंबाई की गणना करें।
  • d3.geoInterpolate - एक महान चाप के साथ दो बिंदुओं के बीच interpolate।
  • d3.geoRotation - निर्दिष्ट कोणों के लिए एक रोटेशन फ़ंक्शन बनाएं।
  • rotation - गोलाकार के चारों ओर दिए गए बिंदु को घुमाएं।
  • rotation.invert - क्षेत्र के चारों ओर दिए गए बिंदु को rotation.invert

गोलाकार आकार

  • d3.geoCircle - एक सर्कल जनरेटर बनाएँ।
  • circle - पॉलीगॉन के रूप में एक टुकड़े के चक्र को उत्पन्न करें।
  • circle.center - अक्षांश और देशांतर में सर्कल केंद्र निर्दिष्ट करें।
  • circle.radius । त्रिज्या - डिग्री में कोणीय त्रिज्या निर्दिष्ट करें।
  • circle.precision - टुकड़े टुकड़े सर्कल की परिशुद्धता निर्दिष्ट करें।
  • d3.geoGraticule - एक graticule जनरेटर बनाएँ।
  • graticule - मेरिडियन और समानांतर के एक multLineString उत्पन्न करते हैं।
  • graticule.lines - मेरिडियन और समांतरों के LineStrings की एक सरणी उत्पन्न करते हैं।
  • graticule.outline - graticule की सीमा का एक बहुभुज उत्पन्न करते हैं।
  • graticule.extent - प्रमुख और मामूली विस्तार प्राप्त करें या सेट करें।
  • graticule.extentMajor - प्रमुख सीमा प्राप्त करें या सेट करें।
  • graticule.extentMinor - मामूली सीमा प्राप्त या सेट करें।
  • graticule.step - प्रमुख और मामूली कदम अंतराल प्राप्त या सेट करें।
  • graticule.stepMajor - प्रमुख चरण अंतराल प्राप्त या सेट करें।
  • graticule.stepMinor - मामूली चरण अंतराल प्राप्त या सेट करें।
  • graticule.precision - अक्षांश परिशुद्धता प्राप्त या सेट करें।
  • d3.geoGraticule10 - डिफ़ॉल्ट 10 डिग्री वैश्विक graticule उत्पन्न करें।

Streams

  • d3.geoStream - एक geoJSON ऑब्जेक्ट को ज्यामिति स्ट्रीम में कनवर्ट करें।
  • stream.point - निर्दिष्ट निर्देशांक के साथ एक बिंदु इंगित करता है।
  • stream.lineStart - एक रेखा या अंगूठी की शुरुआत इंगित करता है।
  • stream.lineEnd अंत - एक रेखा या अंगूठी के अंत को इंगित करता है।
  • stream.polygonStart - एक बहुभुज की शुरुआत इंगित करता है।
  • stream.polygonEnd - बहुभुज के अंत को इंगित करता है।
  • stream.sphere । क्षेत्र - क्षेत्र को इंगित करता है।

Transforms

  • d3.geoIdentity - स्केल, अनुवाद या प्लानर ज्यामिति क्लिप करें।
  • identity.reflectX - एक्स -आयाम को प्रतिबिंबित करें।
  • identity.reflectY । प्रतिबिंब - वाई -आयाम को प्रतिबिंबित करें।
  • d3.geoTransform - एक कस्टम ज्यामिति परिवर्तन परिभाषित करें।

पदानुक्रम (डी 3-पदानुक्रम)

पदानुक्रमित डेटा को देखने के लिए लेआउट एल्गोरिदम।

  • d3.hierarchy - पदानुक्रमित डेटा से रूट नोड d3.hierarchy
  • node.ancestors - पूर्वजों की एक सरणी उत्पन्न करते हैं।
  • node.descendants - वंशजों की एक सरणी उत्पन्न करते हैं।
  • node.leaves - पत्तियों की एक सरणी उत्पन्न करते हैं।
  • node.path - एक और नोड के लिए सबसे छोटा रास्ता उत्पन्न करते हैं।
  • node.links । लिंक - लिंक की एक सरणी उत्पन्न करें।
  • node.sum - मूल्यांकन और कुल मात्रात्मक मूल्य।
  • node.sort - सभी वंश भाई बहनों को क्रमबद्ध करें।
  • node.count - पत्तियों की संख्या गिनती है।
  • node.each - चौड़ाई - पहला ट्रैवर्सल।
  • node.eachAfter - पोस्ट ऑर्डर ट्रैवर्सल।
  • node.eachBefore । पहले से पहले - पूर्व-आदेश ट्रैवर्सल।
  • node.copy । कॉपी - एक पदानुक्रम की प्रतिलिपि बनाएँ।
  • d3.stratify - एक नया d3.stratify ऑपरेटर बनाएं।
  • stratify - सारणी डेटा से एक रूट नोड का निर्माण।
  • stratify.id - नोड आईडी accessor सेट करें।
  • stratify.parentId - पैरेंट नोड आईडी stratify.parentId सेट करें।
  • d3.cluster - एक नया क्लस्टर (डेंडरोग्राम) लेआउट बनाएं।
  • cluster - एक डेंडरोग्राम में निर्दिष्ट पदानुक्रम लेआउट।
  • cluster.size - लेआउट आकार सेट करें।
  • cluster.nodeSize । नोड आकार - नोड आकार सेट करें।
  • cluster.separation - पत्तियों के बीच अलगाव सेट करें।
  • d3.tree - एक नया साफ पेड़ लेआउट बनाएँ।
  • tree - एक साफ पेड़ में निर्दिष्ट पदानुक्रम लेआउट।
  • tree.size - लेआउट आकार सेट करें।
  • tree.nodeSize । नोड आकार - नोड आकार सेट करें।
  • tree.separation - नोड्स के बीच अलगाव सेट करें।
  • d3.treemap - एक नया d3.treemap लेआउट बनाएं।
  • treemap - निर्दिष्ट पदानुक्रम एक treemap के रूप में लेआउट।
  • treemap.tile - टाइलिंग विधि सेट करें।
  • treemap.size - लेआउट आकार सेट करें।
  • treemap.round - सेट करें कि आउटपुट निर्देशांक गोल हैं।
  • treemap.padding । पैडिंग - पैडिंग सेट करें।
  • treemap.paddingInner - भाई बहनों के बीच पैडिंग सेट करें।
  • treemap.paddingOuter । पैडिंग treemap.paddingOuter - माता-पिता और बच्चों के बीच पैडिंग सेट करें।
  • treemap.paddingTop - पैरेंट के शीर्ष किनारे और बच्चों के बीच पैडिंग सेट करें।
  • treemap.paddingRight - माता-पिता के दाएं किनारे और बच्चों के बीच पैडिंग सेट करें।
  • treemap.paddingBottom - माता-पिता के निचले किनारे और बच्चों के बीच पैडिंग सेट करें।
  • treemap.paddingLeft । पैडिंग treemap.paddingLeft - पैरेंट के बाएं किनारे और बच्चों के बीच पैडिंग सेट करें।
  • d3.treemapBinary - एक संतुलित बाइनरी पेड़ का उपयोग कर टाइल।
  • d3.treemapDice - एक क्षैतिज पंक्ति में टाइल।
  • d3.treemapSlice - एक लंबवत कॉलम में टाइल करें।
  • d3.treemapSliceDice - स्लाइसिंग और d3.treemapSliceDice बीच वैकल्पिक।
  • d3.treemapSquarify - ब्रल्स एट प्रति स्क्वायरफाइड पंक्तियों का उपयोग करके टाइल अल।
  • d3.treemapResquarify - जैसे d3.treemapSquarify, लेकिन स्थिर अद्यतन करता है।
  • squarify.ratio - वांछित आयत पहलू अनुपात निर्धारित करें।
  • d3.partition - एक नया विभाजन (icicle या sunburst) लेआउट बनाएँ।
  • partition - एक विभाजन आरेख के रूप में निर्दिष्ट पदानुक्रम लेआउट।
  • partition.size - लेआउट आकार सेट करें।
  • partition.round - सेट करें कि आउटपुट निर्देशांक गोलाकार हैं या नहीं।
  • partition.padding । पैडिंग - पैडिंग सेट करें।
  • d3.pack - एक नया सर्कल-पैकिंग लेआउट बनाएं।
  • pack - सर्कल पैकिंग का उपयोग कर निर्दिष्ट पदानुक्रम लेआउट।
  • pack.radius । त्रिज्या - त्रिज्या accessor सेट करें।
  • pack.size - लेआउट आकार सेट करें।
  • pack.padding । पैडिंग - पैडिंग सेट करें।
  • d3.packSiblings - मंडलियों के निर्दिष्ट सरणी पैक करें।
  • d3.packEnclose - मंडलियों के निर्दिष्ट सरणी संलग्न करें।

इंटरपोलेटर (डी 3-इंटरपोलेट)

इंटरपोलेट संख्याएं, रंग, तार, सरणी, वस्तुओं, जो कुछ भी!

पथ (डी 3-पथ)

एसवीजी को कैनवास पथ कमांड को क्रमबद्ध करें।

बहुभुज (डी 3-बहुभुज)

द्वि-आयामी बहुभुज के लिए ज्यामितीय परिचालन।

  • d3.polygonArea - दिए गए बहुभुज के क्षेत्र की गणना करें।
  • d3.polygonCentroid - दिए गए बहुभुज के केंद्र को गणना करें।
  • d3.polygonHull - दिए गए बिंदुओं के उत्तल d3.polygonHull गणना करें।
  • d3.polygonContains - परीक्षण करें कि एक बिंदु बहुभुज के अंदर है या नहीं।
  • d3.polygonLength - दिए गए बहुभुज परिधि की लंबाई की गणना करें।

क्वाड्रिस (डी 3-क्वाड्री)

द्वि-आयामी रिकर्सिव स्थानिक उपखंड।

  • d3.quadtree - एक नया, खाली d3.quadtree बनाएं।
  • quadtree.x - quadtree.x सेट करें।
  • quadtree.y - वाई accessor सेट करें।
  • quadtree.add - एक quadtree के लिए एक quadtree.add जोड़ें।
  • quadtree.addAll - एक quadtree के लिए डेटा की एक सरणी जोड़ें।
  • quadtree.remove - एक quadtree से एक quadtree.remove हटा दें।
  • quadtree.removeAll - एक quadtree से डेटा की एक सरणी को हटा दें।
  • quadtree.copy - एक quadtree की एक प्रति बनाएँ।
  • quadtree.root - quadtree रूट रूट नोड प्राप्त करें।
  • quadtree.data - quadtree.data से सभी डेटा पुनर्प्राप्त करें।
  • quadtree.size - quadtree.size में डेटा की संख्या गिनती है।
  • quadtree.find ढूँढें - जल्दी से एक quadtree में निकटतम डेटाम खोजें।
  • quadtree.visit - चुनिंदा रूप से एक quadtree में नोड्स पर जाएं।
  • quadtree.visitAfter - एक quadtree में सभी नोड्स पर जाएं।
  • quadtree.cover - एक बिंदु को कवर करने के लिए quadtree का विस्तार करें।
  • quadtree.extent - एक हद तक कवर करने के लिए quadtree का विस्तार करें।

कतार (डी 3-कतार)

कॉन्फ़िगर करने योग्य समरूपता के साथ असीमित कार्यों का मूल्यांकन करें।

  • d3.queue - एसिंक्रोनस कार्यों के समवर्ती मूल्यांकन का प्रबंधन करें।
  • queue.defer - मूल्यांकन के लिए एक कार्य रजिस्टर करें।
  • queue.abort - किसी भी सक्रिय कार्य को निरस्त करें और किसी लंबित को रद्द करें।
  • queue.await - कार्यों को पूरा करने के लिए एक कॉलबैक पंजीकृत करें।
  • queue.awaitAll - कार्यों को पूरा करने के लिए एक कॉलबैक पंजीकृत करें।

यादृच्छिक संख्या (डी 3-यादृच्छिक)

विभिन्न वितरण से यादृच्छिक संख्या उत्पन्न करें।

अनुरोध (डी 3-अनुरोध)

एसिंक्रोनस XMLHttpRequest के लिए एक सुविधाजनक विकल्प।

  • d3.request - एक एसिंक्रोनस अनुरोध करें।
  • request.header । हेडर - एक अनुरोध हेडर सेट करें।
  • request.user - उपयोगकर्ता प्रमाणीकरण के लिए सेट करें।
  • request.password - प्रमाणीकरण के लिए पासवर्ड सेट करें।
  • request.mimeType । माइम टाइप - एमआईएमई प्रकार सेट करें।
  • request.timeout । टाइमआउट - मिलीसेकंड में टाइमआउट सेट करें।
  • request.responseType - प्रतिक्रिया प्रकार सेट करें।
  • request.response । प्रतिक्रिया - प्रतिक्रिया समारोह सेट करें।
  • request.get - एक जीईटी अनुरोध भेजें।
  • request.post । पोस्ट - एक POST अनुरोध भेजें।
  • request.send - request.send सेट करें।
  • request.abort - request.abort निरस्त करें।
  • request.on - एक अनुरोध घटना के लिए सुनो।
  • d3.csv - अल्पविराम से अलग मूल्य (सीएसवी) फ़ाइल प्राप्त करें।
  • d3.html - एक HTML फ़ाइल प्राप्त करें।
  • d3.json - एक JSON फ़ाइल प्राप्त करें।
  • d3.text - एक सादा पाठ फ़ाइल प्राप्त करें।
  • d3.tsv - एक टैब से अलग मूल्य (टीएसवी) फ़ाइल प्राप्त करें।
  • d3.xml - एक एक्सएमएल फ़ाइल प्राप्त करें।

तराजू (डी 3-पैमाने)

एन्कोडिंग जो दृश्य डेटा को अमूर्त डेटा मैप करते हैं।

निरंतर तराजू

निरंतर रेंज के लिए निरंतर, मात्रात्मक डोमेन मानचित्र करें।

  • continuous - किसी दिए गए डोमेन मान से संबंधित श्रेणी मान की गणना करें।
  • continuous.invert - किसी दिए गए श्रेणी मान से संबंधित डोमेन मान की गणना करें।
  • continuous.domain - इनपुट डोमेन सेट करें।
  • continuous.range । श्रेणी - आउटपुट रेंज सेट करें।
  • continuous.rangeRound । रेंज continuous.rangeRound - आउटपुट रेंज सेट करें और गोलिंग सक्षम करें।
  • continuous.clamp - डोमेन या सीमा पर क्लैंपिंग सक्षम करें।
  • continuous.interpolate - आउटपुट इंटरपोलेटर सेट करें।
  • continuous.ticks - डोमेन से प्रतिनिधि मूल्यों की गणना करें।
  • continuous.tickFormat - मानव उपभोग के लिए प्रारूप ticks।
  • continuous.nice - डोमेन को अच्छी गोल संख्याओं तक continuous.nice
  • continuous.copy - इस पैमाने की एक प्रति बनाएँ।
  • d3.scaleLinear - एक मात्रात्मक रैखिक पैमाने बनाएँ।
  • d3.scalePow - एक मात्रात्मक पावर स्केल बनाएँ।
  • pow - किसी दिए गए डोमेन मान से संबंधित श्रेणी मान की गणना करें।
  • pow.invert - किसी दिए गए श्रेणी मान से संबंधित डोमेन मान की गणना करें।
  • pow.exponent - पावर एक्सपोनेंट सेट करें।
  • pow.domain - इनपुट डोमेन सेट करें।
  • pow.range - आउटपुट रेंज सेट करें।
  • pow.rangeRound - आउटपुट रेंज सेट करें और गोलिंग सक्षम करें।
  • pow.clamp - डोमेन या सीमा के लिए क्लैंपिंग सक्षम करें।
  • pow.interpolate - आउटपुट इंटरपोलेटर सेट करें।
  • pow.ticks - डोमेन से प्रतिनिधि मूल्यों की गणना करें।
  • pow.tickFormat - मानव खपत के लिए प्रारूप pow.tickFormat
  • pow.nice - डोमेन को अच्छी गोल संख्याओं तक pow.nice
  • pow.copy - इस पैमाने की एक प्रति बनाएं।
  • d3.scaleSqrt - एक्सपोनेंट 0.5 के साथ मात्रात्मक पावर स्केल बनाएं।
  • d3.scaleLog - एक मात्रात्मक लॉगरिदमिक पैमाने बनाएँ।
  • log - किसी दिए गए डोमेन मान से संबंधित श्रेणी मान की गणना करें।
  • log.invert - किसी दिए गए श्रेणी मान से संबंधित डोमेन मान की गणना करें।
  • log.base - लॉगरिदम आधार सेट करें।
  • log.domain - इनपुट डोमेन सेट करें।
  • log.range - आउटपुट रेंज सेट करें।
  • log.rangeRound । रेंज log.rangeRound - आउटपुट रेंज सेट करें और राउंडिंग सक्षम करें।
  • log.clamp - डोमेन या श्रेणी के लिए क्लैंपिंग सक्षम करें।
  • log.interpolate - आउटपुट इंटरपोलेटर सेट करें।
  • log.ticks - डोमेन से प्रतिनिधि मूल्यों की गणना करें।
  • log.tickFormat - मानव उपभोग के लिए प्रारूप ticks।
  • log.nice । nice - डोमेन को अच्छी गोल संख्याओं तक log.nice
  • log.copy - इस पैमाने की एक प्रति बनाएं।
  • d3.scaleIdentity - एक मात्रात्मक पहचान पैमाने बनाएँ।
  • d3.scaleTime - समय के लिए एक रैखिक पैमाने बनाएँ।
  • time - किसी दिए गए डोमेन मान से संबंधित श्रेणी मान की गणना करें।
  • time.invert - किसी दिए गए श्रेणी मान से संबंधित डोमेन मान की गणना करें।
  • time.domain - set the input domain.
  • time.range - set the output range.
  • time.rangeRound - set the output range and enable rounding.
  • time.clamp - enable clamping to the domain or range.
  • time.interpolate - set the output interpolator.
  • time.ticks - compute representative values from the domain.
  • time.tickFormat - format ticks for human consumption.
  • time.nice - extend the domain to nice round times.
  • time.copy - create a copy of this scale.
  • d3.scaleUtc - create a linear scale for UTC.

Sequential Scales

Map a continuous, quantitative domain to a continuous, fixed interpolator.

Quantize Scales

Map a continuous, quantitative domain to a discrete range.

Ordinal Scales

Map a discrete domain to a discrete range.

Selections (d3-selection)

Transform the DOM by selecting elements and joining to data.

तत्वों का चयन करना

तत्वों को संशोधित करना

Joining Data

Handling Events

बहाव को काबू करें

Local Variables

Namespaces

  • d3.namespace - qualify a prefixed XML name, such as “xlink:href”.
  • Namespaces - the built-in XML namespaces.

Shapes (d3-shape)

Graphical primitives for visualization.

Arcs

Circular or annular sectors, as in a pie or donut chart.

Pies

Compute the necessary angles to represent a tabular dataset as a pie or donut chart.

Lines

A spline or polyline, as in a line chart.

Areas

An area, defined by a bounding topline and baseline, as in an area chart.

Curves

Interpolate between points to produce a continuous shape.

A smooth cubic Bézier curve from a source to a target.

Symbols

A categorical shape encoding, as in a scatterplot.

Stacks

Stack shapes, placing one adjacent to another, as in a stacked bar chart.

Time Formats (d3-time-format)

Parse and format times, inspired by strptime and strftime.

Time Intervals (d3-time)

A calculator for humanity's peculiar conventions of time.

Timers (d3-timer)

An efficient queue for managing thousands of concurrent animations.

  • d3.now - get the current high-resolution time.
  • d3.timer - schedule a new timer.
  • timer.restart - reset the timer's start time and callback.
  • timer.stop - stop the timer.
  • d3.timerFlush - immediately execute any eligible timers.
  • d3.timeout - schedule a timer that stops on its first callback.
  • d3.interval - schedule a timer that is called with a configurable period.

Transitions (d3-transition)

Animated transitions for selections .

Voronoi Diagrams (d3-voronoi)

Compute the Voronoi diagram of a given set of points.

Zooming (d3-zoom)

Pan and zoom SVG, HTML or Canvas using mouse or touch input.

原文