Притворяться, что перекрытие случайно расположенных объектов внутри холста

Question

Я генерирую случайно расположенные объекты (круги) на холсте, но я не хочу, чтобы они пересекались или перекрывали друг друга.

Я уже пробовал похожие ответы в StackOverflow, и ближайший, который я мог получить, былэта скрипка: https://jsfiddle.net/tqFuy/1/

Это, однако, не является "достаточно случайным", потому что квадраты расположены в виде сетки.

Мой код в настоящее время выглядит следующим образом: https://jsfiddle.net/f08sez1m/

Я пытался использовать такую ​​функцию, но она ничего не возвращала

function checkOverlapping(circle) {
  for(var circle in circles) {
    if(Math.abs(circle.posX) < circleSize && Math.abs(circle.posY) < circleSize) {
      available = false;
    }
  }
}