O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Google Visualization APIs

1.971 visualizações

Publicada em

Publicada em: Tecnologia, Negócios
  • Seja o primeiro a comentar

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]

×