Якось вирішив написати ілюстрацію до задачі про дощову воду в гістограмі:
https://codepen.io/bunyk-1472854887/pen/VJzeWv

Тільки в мене якась проблема з редагуванням гістограми. Хочу щоб коли я клікаю всередині мого SVG розміром 600x200, висота прямокутника в тому місці гістограми де я клікнув ставала якраз такою щоб приблизно дотягувати до кліку. Але воно чомусь глючить і часто наприклад міняє перший прямокутник, хоча я клікаю десь посередині.

Код обчислення по тому яка клітинка всередині картинки натиснута якийсь такий:

      var rect = e.target.getBoundingClientRect();
      var x = e.clientX - rect.left; //x position within the element.
      var y = e.clientY - rect.top;  //y position within the element.
      y = Math.round((200 - y)/10);
      x = Math.round(x / 10);

Де я міг натупити?