How to Process Time Series Data with JavaScript

Description

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. All the resources for this course are available at https://github.com/PacktPublishing/How-to-Process-Time-Series-Data-with-JavaScript

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.

Approach

This is a hands-on course where 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.

Key Features

Learn to process data * Learn data visualization * Use D3.js and JavaScript

Github Repo

https://github.com/PacktPublishing/How-to-Process-Time-Series-Data-with-JavaScript

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.

Course Outline

1. Get started

2. Set up the HTML and CSS, and read the data

3. Process the Data

4. Create the graph