Google Charts By Example

This course covers Google's Charting library, which allows developers to embed advanced charts in their web applications by leveraging a very straight-forward javascript API.
Course info
Rating
(120)
Level
Beginner
Updated
Jun 7, 2013
Duration
2h 15m
Table of contents
Description
Course info
Rating
(120)
Level
Beginner
Updated
Jun 7, 2013
Duration
2h 15m
Description

In this course, we begin with a brief overview of key concepts. Next we iterate over several common chart types, including the pie chart, bar and column charts, line and area charts, and a combo chart. We then look at various sources of data, including server-side JSON and Google Spreadsheets. After exploring additional charts and advanced data table concepts, we wrap it all up by wiring together our own multi-chart dashboard from scratch.

About the author
About the author

An Enterprise Architect by day and an open-source contributor by night, Paul has more than 19 years in the Information Technology industry spanning academic, start-up and enterprise environments.

More from the author
Node.js: The Big Picture
Beginner
54m
Jun 3, 2019
Cassandra for Developers
Intermediate
3h 27m
Aug 12, 2015
More courses by Paul O'Fallon
Section Introduction Transcripts
Section Introduction Transcripts

Getting Started with Google Chart Tools
Hello. My name is Paul O'Fallon and I'd like to welcome you to the course on Google Chart Tools. This first module is entitled Getting Started With Google Chart Tools. In this module, we'll begin with an overview of Google Chart Tools. We'll also introduce some key concepts that will come up over and over throughout the course. Next, we'll look at what you will need to follow along with the examples in the course. Then we'll meet Sal, of Sal's Pizzeria. Who will be accompanying us on our tour of Google Chart Tools. Finally, we'll dive right in and begin our survey of charts, with the pie chart. Let's get started.

An Overview of Basic Chart Types
Hello, my name is Paul O'Fallon and I'd like to welcome you to the next module in the course on Google Chart Tools. This module is entitled An Overview of Basic Chart Types. In this module, we'll build on the foundations from the last module. And introduce several new chart types including Bar, Column, Line, Area, and Combo Charts. We'll also introduce the concepts of Series and Axes and how to customize them in our charts. We'll use rolls, to add annotations, and for each chart type, we'll examine how to customize the look and feel. When we get to Line Charts, we'll also look at graphing data on a continuous axis, a change from the categorized data we've seen so far. And like last time, we'll get some help from our friend Sal, of Sal's Pizzeria. Let's get started.

Data Tables in Detail
Hello. My name is Paul O'Fallon and I'd like to welcome you to the next module in the course, on Google Chart Tools. This module is entitled Data Tables in Detail. In this module we'll move beyond the charts themselves to look at a variety of ways to populate the Data Tables used to render them. We'll start, by looking at how to initialize a Data Table with an object literal. We'll then look at how to populate a data table, with data retrieved from a server. We'll then turn our attention to retrieving data from a Google Spreadsheet. We'll wrap up with an example of using a query to limit the data returned by the spreadsheet. Before we dive in, let's take a moment to revisit some concepts we introduced in the first module. Looking at the far left of diagram we've thus far limited ourselves to data found directly in the webpage. We'll now look at all three types of data sources. To provide some consistency, we'll use the same chart throughout all our data source examples, the same chart we ended with in the last module. We'll simply shift the data table behind the chart. And as one more brief reminder, here's the data we'll be putting on our data table. Enough review, let's get started.

Advanced Charts and Data Tables
Hello. My name is Paul O'Fallon and I'd like to welcome you to the next module in the course on Google Chart Tools. This module is entitled Advanced Charts and Data Tables. In this module, we're going to look at some additional chart types while also using data tables in new and interesting ways. We'll start, by using a chart type called Table to render data. We'll then use formatters to change the look of the data in this table. Next, we'll look at both flavors of the Geo Chart, Region, and Marker charts. To populate these charts, we'll learn how to group data in data tables. We'll wrap up our exploration of chart types, with the Scatter Chart. We'll populate this Scatter Chart by joining two Data Tables together in creating a Data View. To help us through this module, we'll be joined again by Sal and his Pizzeria. Let's get started.