Google Visualization APIs

1,945 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,945
On SlideShare
0
From Embeds
0
Number of Embeds
267
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Google Visualization APIs

  1. 1. Google Visualization APIs Pranav Prakash & Rohit Ghatol Pune Google Technology User Group www.punegtug.org
  2. 2. Agenda <ul><ul><li>Overview </li></ul></ul><ul><ul><li>What can be done with Visualization APIs </li></ul></ul><ul><ul><li>Using Visualization with SpreadSheets </li></ul></ul><ul><ul><li>Using DataTable, Charts and Maps Visualization </li></ul></ul><ul><ul><li>Creating your own DataStore </li></ul></ul>
  3. 3. Overview Visualizations DataSources
  4. 4. What can be done with Visualization APIs? <ul><li>What we are covering </li></ul><ul><ul><li>Embed Visualizations in your site </li></ul></ul><ul><ul><li>Create dashboard and reports off your own data </li></ul></ul><ul><li>What we are not covering </li></ul><ul><ul><li>Write new Visualizations </li></ul></ul><ul><ul><li>Write new Visualizations as Gadgets </li></ul></ul>
  5. 5. What is visualization? <ul><ul><li>Graphical method of 'seeing' data </li></ul></ul><ul><ul><li>Might involve interactions </li></ul></ul><ul><ul><li>How to visualize </li></ul></ul><ul><ul><ul><li>  Data </li></ul></ul></ul><ul><ul><ul><li>  Visualization Library </li></ul></ul></ul><ul><ul><li>  Components of a visualization page </li></ul></ul><ul><ul><ul><li>  Google Visualization API </li></ul></ul></ul><ul><ul><ul><li>  Visualization Library </li></ul></ul></ul><ul><ul><ul><li>  Data </li></ul></ul></ul><ul><ul><ul><li>  DOM element </li></ul></ul></ul><ul><ul><ul><li>  [Google AJAX API] </li></ul></ul></ul>
  6. 6. Creating your first visualization <ul><ul><li>Step 1, Linking </li></ul></ul><ul><ul><li>Step 2, Loading </li></ul></ul><ul><ul><li>Step 3, Register onLoad() </li></ul></ul><ul><ul><li>Step 4, Data </li></ul></ul><ul><ul><li>Step 5, Create </li></ul></ul><ul><ul><li>Step 6, Events </li></ul></ul><ul><ul><li>Step 7, Draw </li></ul></ul>
  7. 7. Getting Data <ul><ul><li>Generating from data source </li></ul></ul><ul><ul><ul><li>Spreadsheets </li></ul></ul></ul><ul><ul><ul><li>Others </li></ul></ul></ul><ul><ul><li>Static data in JavaScript </li></ul></ul>
  8. 8. SpreadSheet integration <ul><ul><li>What you need? </li></ul></ul><ul><ul><ul><li>A spreadsheet over internet </li></ul></ul></ul><ul><ul><ul><li>  Some organized data (information)     </li></ul></ul></ul><ul><li>  2. Procedure </li></ul><ul><ul><li>Connect to the spreadsheet </li></ul></ul><ul><ul><li>Create a query object </li></ul></ul><ul><ul><li>Handle response </li></ul></ul><ul><ul><li>Use API to create visualization </li></ul></ul>
  9. 9. Thanks [email_address] [email_address]

×