How to Process Time Series Data with JavaScript

Time series data is a collection of observations obtained through repeated measurements over time.

In this course, we will be building a data visualization of COVID19 data from Johns Hopkins University from start to finish, using HTML, CSS, JavaScript, and D3.js

In this course, we will learn how to process data to pull out relevant information, structure the data for visualizing, use JavaScript’s map and filter methods, use D3.js’s scale functions, and more. We will practice your JavaScript skills while creating a visualization to help you and others understand real-world data affecting everyone right now.

By the end of this course, we will able to create any data visualization project with JavaScript and D3.js.

What You Will Learn

• Set up an HTML and CSS page for the project
• Learn how to read CSV data into the application using D3
• Sort and structure the dates for graphing
• Create the graph axes using D3.js
• Turn the data into lines on the graph and color them
• Learn how to use D3 to position the tooltip on the page

Audience

This course is for anyone who has JavaScript skills and wants to learn D3, and is also curious about visualizing data. Basic HTML and CSS skills, some JavaScript programming, and a basic understanding of D3js are required.

About The Author

Elisabeth Robson: Elisabeth Robson is a co-founder and principal at WickedlySmart, an author and software developer, and teaches online courses for O’Reilly Media and LinkedIn Learning. She’s the co-author of four best-selling titles—Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming—and was previously the director of special projects and co-director of the Head First series at O’Reilly Media. Prior to her work at O’Reilly Media, Elisabeth was the director of engineering at The Walt Disney Company. Elisabeth holds a master’s degree in computer science from Yale University.