如何绘制具有路径“ d”属性的菱形？

Question

Is anybody able to show me how to draw a diamond using the path "d" attribute? I'm trying to append the diamond to the end of a graph's edge. I haven't been able to find any good examples..I currently have:

                var marker = parent.append("marker")
                        .attr("id", id)
                        .attr("viewBox", "0 0 10 10")
                        .attr("refX", 11)
                        .attr("refY", 5)
                        .attr("markerUnits", "strokeWidth")
                        .attr("markerWidth", 7)
                        .attr("markerHeight", 7)
                        .attr("orient", "auto");

                    var path = marker.append("path")
                       // trying to draw a diamond here 
                        .attr("d", "M 0 0 A 200 400 30 1 0 600 200")
                        .style("stroke-width", 1)
                        .style("stroke-dasharray", "1,0")
                        .style("fill", "red")
                        .style("stroke", "black");

Answer 1

Here's a diamond shape. I don't know why you had an elliptical arc in your question as you only really need lines for a diamond.

 var path = d3.select("svg") .append("path") // trying to draw a diamond here .attr("d", "M 50 0 100 100 50 200 0 100 Z") .style("stroke-width", 1) .style("stroke-dasharray", "1,0") .style("fill", "red") .style("stroke", "black"); 

 html, body { height: 100%; width: 100%; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> <svg width="100%" height="100%"></svg>