हमारे पास उपलब्ध d3 प्रतीकों की सूची

Question

मैं d3.js द्वारा हमें उपलब्ध कराया प्रतीकों की सूची जो कोड की इस पंक्ति से संदर्भित किया जाता है कहां मिल सकते हैं:

d3.svg.symbol().type(/*Name of the symbol type that is available to us to use*/'triangle') 

उपलब्ध प्रतीकों में से कुछ त्रिकोण में शामिल हैं, हीरा। क्या कोई भी दस्तावेज कहीं भी उपलब्ध है जहां पूरी सूची दस्तावेज है।

Answer 1

समर्थित प्रकार डी 3 दस्तावेज में सूचीबद्ध हैं: https://github.com/mbostock/d3/wiki/SVG-Shapes#symbol_type। के शब्दों में:

• चक्र - एक circle।
• क्रॉस - एक Greek cross या प्लस साइन।
• हीरा - एक rhombus।
• वर्ग - एक अक्ष-संरेखित square।
• त्रिभुज-डाउन - नीचे की ओर इशारा करते हुए equilateral triangle।
• त्रिकोण-अप - ऊपर की ओर इशारा करते हुए समतुल्य त्रिकोण।

डी 3 भी एक उद्देश्य यह है कि उपलब्ध प्रतीकों संग्रहीत करता है (धन्यवाद फिर से, @jshanley) है। जैसे डी 3 3.4.6 के लिए:

>>> d3.svg.symbolTypes 
["circle", "cross", "diamond", "square", "triangle-down", "triangle-up"] 

Answer 2

संस्करण 4 के लिए, वहाँ सात आकार, के रूप में संस्करण 3 (अन्य जवाब में संदर्भित) में छह करने का विरोध कर रहे हैं।

आकार सरणी d3.symbols जिसमें में निहित हैं:

• d3.symbolCircle
• d3.symbolCross
• d3.symbolDiamond
• d3.symbolSquare
• d3.symbolStar
• (4 संस्करण में नया) 10
• d3.symbolWye (एक 'y' आकार के प्रतीक, संस्करण 4 में नया) हमेशा की तरह कवर the topic well here रूप

d3 प्रलेखन (वहाँ v3 में 2 की तुलना वी 4 में केवल एक त्रिकोण, है)।

प्रतीकों को दिखाने के लिए, और कैसे सरणी गतिशील आकार निर्धारित करने के लिए इस्तेमाल किया जा सकता को दिखाने के लिए, मैं एक टुकड़ा नीचे संलग्न है:

var data = [0,1,2,3,4,5,6]; 
 
var svg = d3.select('body').append('svg').attr('width',400).attr('height',200); 
 

 
svg.selectAll('.symbol') 
 
    .data(data) 
 
    .enter() 
 
    .append('path') 
 
    .attr('transform',function(d,i) { return 'translate('+(i*20+20)+','+30+')';}) 
 
    .attr('d', d3.symbol().type(function(d,i) { return d3.symbols[i];}));

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.js"></script>