Responsiveness

---

Plotteus is responsive by design. To create a story, you need to pass an empty

div

element to the

makeStory

function – an

svg

element is then attached to this container.

It takes the full width and height of its parent, which means that you can set the size of the chart by setting the dimensions of the

div

element. Under the hood, a

ResizeObserver

is taking care of re-rendering the chart when dimensions change.

You can use the buttons below to resize the chart and see how it responds.

Flip your phone to show the resize buttons!