You are previewing Supercharged JavaScript Graphics.

Supercharged JavaScript Graphics

Cover of Supercharged JavaScript Graphics by Raffaele Cecco Published by O'Reilly Media, Inc.
  1. Supercharged JavaScript Graphics
    1. SPECIAL OFFER: Upgrade this ebook with O’Reilly
    2. Preface
      1. Audience and Assumptions
      2. Organization
      3. Conventions Used in This Book
      4. Using Code Examples
      5. Safari® Books Online
      6. How to Contact Us
      7. Acknowledgments
    3. 1. Code Reuse and Optimization
      1. Keeping It Fast
      2. What and When to Optimize
      3. Homespun Code Profiling
      4. Optimizing JavaScript
      5. Optimizing jQuery and DOM Interaction
      6. Other Resources
    4. 2. DHTML Essentials
      1. Creating DHTML Sprites
      2. Converting into a jQuery Plug-in
      3. Timers, Speed, and Frame Rate
      4. Internet Explorer 6 Background Image Caching
    5. 3. Scrolling
      1. CSS-Only Scrolling Effects
      2. Scrolling with JavaScript
    6. 4. Advanced UI
      1. HTML5 Forms
      2. Using JavaScript UI Libraries
      3. Creating UI Elements from Scratch
    7. 5. Introduction to JavaScript Games
      1. Game Objects Overview
      2. The Game Code
    8. 6. HTML5 Canvas
      1. Canvas Support
      2. Bitmaps, Vectors, or Both?
      3. Canvas Limitations
      4. Canvas Versus SVG
      5. Canvas Versus Adobe Flash
      6. Canvas Exporters
      7. Canvas Drawing Basics
      8. Animating with Canvas
      9. Canvas and Recursive Drawing
      10. Replacing DHTML Sprites with Canvas Sprites
      11. A Graphical Chat Application with Canvas and WebSockets
    9. 7. Vectors for Games and Simulations
      1. Operations on Vectors
      2. Creating a JavaScript Vector Object
      3. A Cannon Simulation Using Vectors
      4. Rocket Simulation
    10. 8. Google Visualizations
      1. Limitations
      2. Chart Glossary
      3. Image Charts
      4. Interactive Charts
    11. 9. Reaching the Small Screen with jQuery Mobile
      1. jQuery Mobile
      2. TilePic: A Mobile-Friendly Web Application
      3. PhoneGap
    12. 10. Creating Android Apps with PhoneGap
      1. Installing PhoneGap
      2. Creating a PhoneGap Project in Eclipse
    13. Index
    14. About the Author
    15. Colophon
    16. SPECIAL OFFER: Upgrade this ebook with O’Reilly
O'Reilly logo

Chapter 8. Google Visualizations

The Google Chart Tools API (application programming interface) is an extensive and growing set of data visualization tools that can add impressive visual impact to your data. If you’re picturing boring old pie and bar charts, then read on: interactivity, animation, and just plain fun are all part of the Google Chart Tools mix (Figure 8-1). In fact, there’s a lot more than just charts in Google Chart Tools:

  • Maps

  • Dynamic icons

  • Dials and “o-meter”-style displays

  • Formulas

  • QR codes (2D bar codes for physical-world hyperlinks)

  • Lots of third-party visualizations

  • The ability to create your own custom visualizations

Your accountant won’t appreciate a chart like this

Figure 8-1. Your accountant won’t appreciate a chart like this

The API’s expansive nature easily warrants a book of its own, so this chapter covers just the essentials required to get started, enabling you to make better use of the official online documentation ( to explore further. We will also develop some useful functions and examples to help you get the most out of Google Chart Tools.

Google Chart Tools is split into two distinct sections:

Image charts (aka Chart API)

Image charts are created with a specially formatted URL that is passed to Google’s chart servers. The servers return a static image of the chart for inclusion in web pages. Typically, the URL is used as the value for an <img> tag src attribute. ...

The best content for your career. Discover unlimited learning on demand for around $1/day.