# Including d3 circle in plotly plot

**URL:** <https://community.plotly.com/t/including-d3-circle-in-plotly-plot/16195>\
**Category:** plotly.js\
**Created:** [November 29, 2018, 7:01am UTC](https://community.plotly.com/t/including-d3-circle-in-plotly-plot/16195 "2018-11-29T07:01:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![abhiabhi21](https://avatars.discourse-cdn.com/v4/letter/a/f08c70/32.png) [@abhiabhi21](https://community.plotly.com/u/abhiabhi21)\
**Post date:** [November 29, 2018, 7:01am UTC](https://community.plotly.com/t/including-d3-circle-in-plotly-plot/16195/1 "2018-11-29T07:01:03Z")

</div>

[This](https://codepen.io/abhiabhi21/pen/EOOVPx) 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?