How to Process Time Series Data with JavaScript

Create a data visualization with JavaScript and D3.js

This project takes you through building a data visualization of COVID19 data from Johns Hopkins University from start to finish, using HTML, CSS, JavaScript, and D3.js. In this project, you’ll 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. You’ll practice your JavaScript skills while creating a visualization to help you and others understand real world data affecting everyone right now.

What you’ll learn

  • JavaScript.
  • Processing data.
  • D3.
  • Data visualization.

Course Content

  • Get started –> 2 lectures • 6min.
  • Set up the HTML and CSS, and read the data –> 2 lectures • 5min.
  • Process the Data –> 4 lectures • 31min.
  • Create the graph –> 4 lectures • 35min.

How to Process Time Series Data with JavaScript

Requirements

  • Basic HTML & CSS skills (beginner).
  • Some JavaScript programming (beginner to intermediate).
  • Basic understanding of D3js (beginner to intermediate).

This project takes you through building a data visualization of COVID19 data from Johns Hopkins University from start to finish, using HTML, CSS, JavaScript, and D3.js. In this project, you’ll 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. You’ll practice your JavaScript skills while creating a visualization to help you and others understand real world data affecting everyone right now.