Skip to Content
Google Apps Hacks
book

Google Apps Hacks

by Philipp Lenssen
April 2008
Intermediate to advanced
384 pages
15h 52m
English
O'Reilly Media, Inc.
Content preview from Google Apps Hacks
332 GOOGLE APPS HACKS
HaCK 137:

Did you know that you can make the browser display vector
graphics with just a few lines of code? Welcome to Canvas.
Google Analytics already includes many trafc data visualizations. You can also export your
numbers as CSV les  and import them into Google Spreadsheets to create new charts.
In this hack, you will learn how to create your own trafc chart using the incredibly cool Canvas
framework, which can produce vector graphics and animations with a little bit of HTML and
JavaScript. All code referenced in this hack is also available in a single zip le at http://blogoscoped.
com/googleappshacks/canvas.zip. Although setting up Canvas may take a little longer than using,
say, the Google Charts API , it’s also much more exible, and can even include animated
charts.

Canvas is a vector graphics framework which works in most popular browsers today including
Firefox, Opera and Safari, and does not require a plug-in like Flash does. Internet Explorer too can
render Canvas code, at least with a little tweak you’ll see further below. Canvas can be used to have
a web page show 2D and 3D drawings, games, charts, applications, animations, and much more.
A longer canvas tutorial is available at http://developer.mozilla.org/en/docs/Canvas_tutorial
(explaining how to draw rectangles ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Google.pedia: The Ultimate Google Resource

Google.pedia: The Ultimate Google Resource

Michael Miller
Web Geek’s Guide to the Android™-Enabled Phone

Web Geek’s Guide to the Android™-Enabled Phone

Jerri Ledford, Bill Zimmerly, Prasanna Amirthalingam
YouTube™ for Dummies®

YouTube™ for Dummies®

Doug Sahlin, Chris Botello

Publisher Resources

ISBN: 9780596515881Catalog PageErrata