Google Visualization APIs

Pranav Prakash & Rohit Ghatol

Pune Google Technology User Group

www.punegtug.org

Agenda

• Overview• What can be done with Visualization APIs• Using Visualization with SpreadSheets• Using DataTable, Charts and Maps

Visualization• Creating your own DataStore

OverviewVisualizations DataSources

What can be done with Visualization APIs?

What we are covering• Embed Visualizations in your site• Create dashboard and reports off your own data

What we are not covering• Write new Visualizations• Write new Visualizations as Gadgets

What is visualization?

• Graphical method of 'seeing' data• Might involve interactions• How to visualize

o  Datao  Visualization Library

•   Components of a visualization pageo  Google Visualization APIo  Visualization Libraryo  Datao  DOM elemento  [Google AJAX API]

Creating your first visualization

• Step 1, Linking• Step 2, Loading• Step 3, Register onLoad()• Step 4, Data• Step 5, Create• Step 6, Events• Step 7, Draw

Getting Data

1. Generating from data sourceo Spreadsheetso Others

– Static data in JavaScript

SpreadSheet integration

1. What you need?o A spreadsheet over interneto  Some organized data (information)    

 2. Procedure• Connect to the spreadsheet• Create a query object• Handle response• Use API to create visualization

Thanks

pranav.prakash@punegtug.orgrohit.ghatol@punegtug.org