Creating Interactive Dashboards with Google Charts

This course will show you how to create an interactive web dashboard using Google Charts and JavaScript, including using customized HTML tooltips, drilling down into data, using filter controls to restrict the data charted, and much more.
Course info
Rating
(14)
Level
Intermediate
Updated
Oct 5, 2016
Duration
2h 39m
Table of contents
Description
Course info
Rating
(14)
Level
Intermediate
Updated
Oct 5, 2016
Duration
2h 39m
Description

Web dashboards are tremendously helpful; they give immediate access to timely data and are often displayed in a way that reveals new insights. In this course, Creating Interactive Dashboards with Google Charts, you'll learn how to use the free JavaScript framework called Google Charts to create powerful, interactive web dashboards. The dashboard you'll create will include several different types of interactivity, from detailed tooltips that contain secondary charts, to popups that show drill-down details, to filter controls that allow the user to control which data series are charted over which range. Beyond that, you will explore different layout approaches, including responsive design so the dashboard is usable from a phone or a tablet. By the time the course is complete, you'll know much more about what you need to create a powerful and attractive dashboard with lots of useful interactive features.

About the author
About the author

Greg Sommerville is an experienced software developer who has worked in a wide variety of business domains, including health care research, medical devices, enterprise-level software ordering and licensing, and online banking. He specializes in web and mobile development.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, I'm Greg Sommerville. I've been a programmer for over 30 years, and I'm very excited to tell you about my new course, Creating Interactive Dashboards with Google Charts. Google Charts is a very powerful, free JavaScript library that can be used to produce a wide variety of colorful and useful charts, from pie charts to histograms. In this course, we'll focus on combining several charts together in a single web page to make a dashboard, and we'll do it in such a way that all of the charts are interactive. We'll cover topics like, how to have a secondary chart show up in the tooltip of a primary chart, how to respond to events, like the user clicking on part of a chart, as well as using a variety of secondary controls that filter our data so the user can decide which data to look at. Finally, we'll cover a few different layout approaches, so you can easily create a dashboard that looks good on a large computer monitor, a tablet, or even a phone. By the end of this course, you'll know how to create several different chart types, each with their own unique interactivity, and you'll know how to combine those charts into a unified dashboard. This course doesn't require any existing Google Charts experience, and really, you only need some intermediate JavaScript skills. If you've used something like jQuery or Bootstrap, you'll definitely be ready for the material in this course. I hope you'll join me as we explore all of the great things that are possible with Google Charts, by watching the Creating Interactive Dashboards with Google Charts course at Pluralsight.