d3js adding element using .append(function(){})

Question

Do you know why doing this with d3 display a circle:

node.append("circle")

But not this:

node.append(function () {
  return document.createElement("circle");
})

The DOM result is exactly the same, but the circle is not visible in the second case

Lars Kotthoff · Accepted Answer · 2015-06-29 01:36:55Z

3

The element is created in the wrong namespace -- you need to explicitly specify the SVG namespace for this to work, as Javascript doesn't infer it automatically:

return document.createElementNS(d3.ns.prefix.svg, "circle");

answered Jun 29, 2015 at 1:36

Lars Kotthoff

109k16 gold badges210 silver badges210 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

d3js adding element using .append(function(){})

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related