# Automatic resizing or responsive behaviour, how?

**URL:** <https://community.plotly.com/t/automatic-resizing-or-responsive-behaviour-how/10689>\
**Category:** plotly.js\
**Created:** [June 4, 2018, 10:54pm UTC](https://community.plotly.com/t/automatic-resizing-or-responsive-behaviour-how/10689 "2018-06-04T22:54:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![edwardtaaffe](https://avatars.discourse-cdn.com/v4/letter/e/34f0e0/32.png) [@edwardtaaffe](https://community.plotly.com/u/edwardtaaffe)\
**Post date:** [June 4, 2018, 10:54pm UTC](https://community.plotly.com/t/automatic-resizing-or-responsive-behaviour-how/10689/1 "2018-06-04T22:54:12Z")

</div>

I got to grips with plotly and I’m really happy with what I can achieve, however I cant make any headway with doing something responsive or adaptive for a web page.  
I found this example [https://plot.ly/javascript/responsive-fluid-layout/](https://plot.ly/javascript/responsive-fluid-layout/)  
but I dont understand it and the code in the pen cant be the whole story. I apologise in that I know simple Javascript pretty well really, but that code looks like nothing I ever saw.  
I begins with var d3 = Plotly.d3; ? how can it do that? what is Plotly.d3?  
If anyone could please give a few simple pointers how I can make it resize when the bounding div is resized, I would be really grateful.

Thanks