Download - Google charts
![Page 1: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/1.jpg)
Google Charts API
Demo & References
![Page 2: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/2.jpg)
Why visualize data?
technology 2
![Page 3: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/3.jpg)
Key points
Turning data into facts & information
Driving decision making out of these facts
Data visualization is a key
technology 3
![Page 4: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/4.jpg)
What is Google Charts?
technology 4
![Page 5: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/5.jpg)
Key points
JS based API from Google
Draw interactive charts/graphs
Heavily customizable
Uses SVG/VML
Supports variety data sources
Wide variety of charts
FREE
technology 5
![Page 6: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/6.jpg)
How does Google Charts work?
technology 6
![Page 7: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/7.jpg)
Overview
technology 7
Send data & configurations to load a chart
Loads required JS files. Draws charts on div specified
Send data
Any database, SalesForce, Google Spreadsheets, Google Fusion Tables, Datasource Protocol
Charts API
Data source Application
![Page 8: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/8.jpg)
Overview
technology 8
![Page 9: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/9.jpg)
Screenshots – RFP Heatmaps
technology 9
![Page 10: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/10.jpg)
Screenshots – RFP Heatmaps
technology 10
![Page 11: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/11.jpg)
Screenshots – RFP Heatmaps
technology 11
![Page 12: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/12.jpg)
What more?
technology 12
![Page 13: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/13.jpg)
Overview
technology 13
A fully functional dashboard / reporting tool
Add Google Apps Script to make most of Google
![Page 14: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/14.jpg)
But!
…there is a catch
technology 14
![Page 15: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/15.jpg)
Drawbacks
technology 15
All data is locally cached
Not suited for large data sets (enterprise level)
![Page 16: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/16.jpg)
References
This is a starting point: Visualization: Line Chart
Geo charts: Visualization: Geochart
Useful for enterprise level app: Populating Data Using Server-Side Code
Resourceful video: Google I/O 2011: Using Google Chart Tools to Create Interactive Dashboards
technology confidential 16
![Page 17: Google charts](https://reader033.vdocument.in/reader033/viewer/2022060122/5595403c1a28ab316d8b4657/html5/thumbnails/17.jpg)
Questions?Thank You!
technology 17