How to Embed Google Sheet Chart

Published on 19th March 2017.

In this article I am going to shows how to embed a chart from Google Sheets in HTML.

Guide

There a is guide by Google. Basically, you create chart and select "Publish chart...' from dropdown menu in right top corner. Then you just copy and paste the iframe to your site. I heard a lot of bad things about iframes but do you want to publish chart or be scared.

Example

An example of bar chart statistic from my football club (try to hover over the bars).

Or, interactive line plot (hover over points).

Conclusion

The resulting chart may be interactive and it can be automatically republish when changes are made. But be patient with size of the chart. Try to keep the sizes the same. Finally, the chart yout get is nice and the data are store in simple sheet.