Including d3 circle in plotly plot

This is the codepen of my code.

I have created a draggable circle element with d3. But on zooming the plotly plot , how can coordinates of this circle be maintained? I want this circle also to change its location on zoom and pan according to its coordinates.

How can this be done? Is there any way this circle can be included in the plotly plot?