Почему не получается нарисовать диаграмму на javascript api svg?

Если вкратце, потому что SVG это не html, а то, что мы можем с ним работать так, это грубо говоря фича парсера, т.е. svg остаётся в контексте svg и работать с ним в javascript надо как с svg, а JQuery не вкурсе про это при динамическом создании элементов.
В общем вот рабочая версия: https://jsfiddle.net/9rsgc377/6/ внимание на строку 39 и далее.