Dibuja rectángulos dinámicamente en SVG
Me gustaría saber cómo dibujar 100 rectángulos con SVG.
Hice un rectángulo con 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>
Me gustaría dibujar 100 rectángulos con el mismo tamaño, posición diferente (como 10 en fila y 10 filas). ¿Cómo hacerlo rápido? Algunos bucles?