如何在SVG中迭代？

<svg id="mySvg" width="400" height="400"></svg>

<script>
  // 获取SVG容器元素
  var svgContainer = document.getElementById("mySvg");

  // 定义要迭代的数据集合
  var data = [10, 20, 30, 40, 50];

  // 遍历数据集合
  data.forEach(function(value) {
    // 创建圆形元素
    var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
    
    // 设置圆形元素的属性和样式
    circle.setAttribute("cx", value);
    circle.setAttribute("cy", value);
    circle.setAttribute("r", value);
    circle.setAttribute("fill", "blue");
    
    // 将圆形元素添加到SVG容器中
    svgContainer.appendChild(circle);
  });
</script>