Javascript svg-可见溢出

我正在尝试创建一个包含圆圈的svg。每个圆圈的大小可能会随着时间的推移而改变，有时它会比我的svg更大，因此我希望使溢出可见，但不知何故它不起作用：

HTML:

JSFiddle：

有没有办法使溢出可见

---

谢谢

问题在于CSS选择器是

.container

，但是svg元素有类

container1

和

container2

---

没有纸张（容器）时，要在何处绘制圆？使用div容器作为溢出属性

<svg class="container1" width="100px">
    <a class="g-node" xlink:href="#test" transform="translate(445,194)" stroke="black">
        <circle r="16.246572566634875" fill="red"></circle>
    </a>
</svg>

.container1{
    overflow: visible !important;
}