function drawCircles() {
context.clearRect(0, 0, canvas.width, canvas.height);
context.strokeStyle = circleStroke;
context.fillStyle = circleFill;
for (let i = 0; i < 5; i++) {
const x = 100 + i * 100;
const y = 100 + i * 50;
context.beginPath();
context.arc(x, y, circleRadius, 0, 2 * Math.PI);
context.stroke();
context.fill();
const points = circlePoints.filter(p => p.x === x && p.y === y);
context.fillStyle = circleStroke;
points.forEach(p => {
context.beginPath();
context.arc(p.x, p.y, 3, 0, 2 * Math.PI);
context.fill();
});
}
}