svg - Creating svg elements inside a Ember collection view

Question

In this fiddle, I am trying to push a SVG circle element when adding a new item into an array through Ember.CollectionView. But seems that the g element is not getting created in the SVG namespace and hence:

• the g element is getting added into the dom
• but the g element does not have the properties of an SVG node when looking up in the DOM inspector.
• the g element is not being rendered within the SVG element.

Not sure if the issue is related to Ember or D3. I am doubtful that the g tag that Ember creates should be created with the proper xmlns namespace for SVG, but not sure how to get it worked around.