Desenhar retângulos dinamicamente no SVG
Eu gostaria de saber como desenhar 100 retângulos com SVG.
Eu fiz um retângulo com este código:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="5000" height="3000">
<rect x="50" y="50" width="50" height="50" fill="black" />
</svg>
</body>
</html>
Eu gostaria de desenhar 100 de retângulos com o mesmo tamanho, posição diferente (como 10 na linha e 10 linhas). Como fazer isso rápido? Algum loop?