A simple `google-chart` looks like this:

Charts can be resized with CSS, but you'll need to call the `drawChart` method when the size changes.

Here's a basic responsive example using only CSS and JS. You could also use `<iron-media-query>`.

Here's a chart that changes data every 3 seconds:

Here's a pie chart with an area selection:

Selected row: None.

Here's a chart defined using `data`, rather than `rows` and `cols`:

And one with some pretty complicated styling, where the data is loaded from an external JSON resource using the `data` attribute:

Website traffic data by country from an external JSON resource where the data is in raw DataTable format.

## Chart gallery

Here's an area chart:

Here's a bar chart:

Here's a bubble chart:

Here's a candlestick chart:

Here's a column chart:

Here's a combo chart:

Here's a geo chart:

Here's a histogram:

Here's a line chart:

Here's a pie chart:

Here's a scatter chart:

Here's a stepped area chart:

Here's a table chart:

Here are three gauges:

Here are three gauges with random data that change every three seconds:

Here's a treemap:

Here's an image of the line chart: