Debug SVG drawn using javascript

Question

I am using javascrpit to draw some svg graph. Is there a way that I can debug towards the svg graph produced? Specifically, I am looking for something like the element inspector or something like that, that can point me to the code that draws that part of the svg graphics.

Answer 1

How about adding a DOM breakpoint on the SVG node? Use a Subtree Modification or Attribute Modification breakpoint. When your JS modifies the node, DevTools pauses on the line of code that caused the modification.