Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Google Visualization APIs

1,975 views

Published on

Published in: Technology, Business
  • Be the first to comment

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]

×