# Scaling whole plotlyJS interface

**URL:** <https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856>\
**Category:** plotly.js\
**Created:** [April 5, 2017, 2:58pm UTC](https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856 "2017-04-05T14:58:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikinowacki](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mikinowacki](https://community.plotly.com/u/mikinowacki)\
**Post date:** [April 5, 2017, 2:58pm UTC](https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856/1 "2017-04-05T14:58:06Z")

</div>

Is there any option in plotlyjs that allows to scale whole interface, without changing the size widget? Something like transform: scale(0.6), but without shrinking its size.

I would call it zoom or scale, but there are too many options in plotlyjs reference to find exact thing.

Thanks

---

<div class="post-metadata">

**Author:** ![etienne](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/etienne/32/17_2.png) [@etienne](https://community.plotly.com/u/etienne)\
**Post date:** [April 5, 2017, 3:34pm UTC](https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856/2 "2017-04-05T15:34:28Z")

</div>

Hmm. I’m not sure what referring to as _size widget_? Can you share a code snippet what you’ve tried so far to help us help you?

---

<div class="post-metadata">

**Author:** ![mikinowacki](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mikinowacki](https://community.plotly.com/u/mikinowacki)\
**Post date:** [April 5, 2017, 4:41pm UTC](https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856/3 "2017-04-05T16:41:45Z")

</div>

https://codepen.io/mikinowacki/embed/preview/oZOaMW?height=300&slug-hash=oZOaMW&default-tabs=html,result&host=https://codepen.io&embed-version=2

The second one should cover whole container, but with smaller scale

---

<div class="post-metadata">

**Author:** ![etienne](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/etienne/32/17_2.png) [@etienne](https://community.plotly.com/u/etienne)\
**Post date:** [April 5, 2017, 5:22pm UTC](https://community.plotly.com/t/scaling-whole-plotlyjs-interface/3856/4 "2017-04-05T17:22:33Z")

</div>

Sorry, I don’t understand. Looks your `scale(0.6)` CSS transform does have an effect. What exactly are you looking for?