Draw a dot and circle after Click-on event

Dear all,

I am using Event Listener click-on option (window.addEventListener(“click”, clicked)) to find the coordinates of a position in a canvas. My code is working well and showing me the coordinates points. Now, I want a small red color dot and a circle of radius 5 will appear at that point where the user interaction happened. I know this is simple enough. But I am new to javascript. I am sharing my code in Observablehq https://observablehq.com/@1ac24a43f3551250/select-and-deselect-circles.

final_result[2] giving the new coordinate points.