SVG.Rect

HTML

<div id="drawing"></div>

JavaScript

const rows=10;
const columns=15;
const radius=20;
const gridSize=30;
const svg = SVG('drawing').size((columns+1)*gridSize, (rows+1)*gridSize);

for(let x=0;x<columns;x++) {
   for (let y=0;y<rows;y++) {
      svg.circle(radius).stroke('#000').move(x*gridSize, y*gridSize)	;
   }
}