Charts

We have prepare several types of Google charts and made them responsive. You can use 2 or more charts on one page, but have to be sure that they are compatible – you can check this on Google Charts page and you should note the div ID to be different for every new chart on the same page!

1. Pie Charts

Responsive Google Pie chart without animation. Standart layout. Legend on the bottom.

Responsive Google Pie chart with slices and animation. Slicing the chart with slices with different offset. You can separate pie slices from the rest of the chart with the offset property of the slices option. You can remove the animation.

Responsive Google 3D Pie chart with animation. Your pie chart will be drawn as though it has three dimensions. You can remove the animation.

2. Doghnut Chart

Responsive Google Donut Chart. A donut chart is a pie chart with a hole in the center.

3. Geo Chart

Responsive Google Geo Charts. A geochart is a map of a country, a continent, or a region with two modes: The region mode colorizes whole regions, such as countries, provinces, or states or The marker mode marks designated regions using bubbles that are scaled according to a value that you specify.

4. Area Charts

Responsive Google Line Charts – with custom points: polygon, star, diamond, square, triangle, circle.