Every chart on this page is a live embed — the same <iframe> snippet you copy from the Publish & share dialog, pasted into this article. Nothing here is a screenshot.

So this page answers the question directly: open it on your phone and you are looking at exactly what your own visitors would see.

A chart isn't an image — it redraws to fill whatever width its container gives it. That's why an embed adapts to a phone on its own. The one thing that isn't automatic is the height: you set it, in the snippet.

A chart

The snippet exactly as the dialog produces it — full width, 400px tall:

<iframe src="https://chartbrick.com/embed/chart/CHART_ID" width="100%" height="400" style="border:0;border-radius:4px;" loading="lazy"></iframe>

On a narrow screen the axis labels stay readable and the legend re-flows onto two rows by itself.

Tap anywhere on the chart. Tooltips work on touch, because this is a live chart running in your browser — not a picture of one.

Choosing the height

Nothing forces a chart to be tall. Change the height attribute and the chart re-draws to fit. This is the same chart at height="260":

Notice what happens when the space gets tight: rather than shrink the plot, the chart pages the legend (1 / 2) so the bars keep their room. Width you can leave at 100% — it follows whatever column you drop it into.

A table

Tables are the one type that needs care. A table with many columns cannot fit a phone screen: you get a horizontal scrollbar and visitors swipe sideways to reach the other columns. It works, but it's the one embed that feels cramped on a phone — if mobile matters to you, keep table embeds to a few columns.

A dashboard

Dashboards stack to one tile per row on a phone. Tiles keep their height, so a tall dashboard scrolls inside the frame — raise the height value in the snippet if you'd rather show everything at once. The default for dashboards is 800px:

Tips for mobile embeds

Legend position is the setting that matters most. On a narrow screen a legend on the left or right eats horizontal space — put it on top or bottom for charts you plan to embed.
Give the chart at least 300px of width. Below that it stops shrinking usefully.
Fewer columns on tables. It's the only case where a phone genuinely runs out of room.

What's next?

Share and embed a chart — how to publish, copy the snippet, set a password or restrict domains.
Build a dashboard — group several charts into one shareable view.

Live Embed Examples