Google Charts API

Demo & References

Why visualize data?

technology 2

Key points

Turning data into facts & information

Driving decision making out of these facts

Data visualization is a key

technology 3

What is Google Charts?

technology 4

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

How does Google Charts work?

technology 6

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

Overview

technology 8

Screenshots – RFP Heatmaps

technology 9

Screenshots – RFP Heatmaps

technology 10

Screenshots – RFP Heatmaps

technology 11

What more?

technology 12

Overview

technology 13

A fully functional dashboard / reporting tool

Add Google Apps Script to make most of Google

But!

…there is a catch

technology 14

Drawbacks

technology 15

All data is locally cached

Not suited for large data sets (enterprise level)

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

Questions?Thank You!

technology 17