How to Visualize Data with D3

Data Visualizations make it easier for humans to understand data and analyze trends within the data. In this course, join us to learn how to incorporate data visualization into your web skills using HTML, JavaScript, and the D3 data visualization library. We’ll take you through building a visualization using data downloaded from NASA. You’ll learn how to use D3 to read data into a web page, select and create new elements, and position and style elements to generate a striking color visualization. Along the way, you’ll learn from the ground up how to use D3: how data binding works, how to use methods to add attributes and style on D3 elements, and how to use scale functions to process data points as you build the visualization.

At the end of the course, you’ll have gained some new skills that you can apply to data to make it easier to understand.

The code bundle for this course is available at https://github.com/PacktPublishing/How-to-Visualize-Data-with-D3

Type
video
Category
Data
publication date
2021-06-29
what you will learn

Build a visualization using data downloaded from NASA
Learn how to use D3 to read data into a web page
Learn from the ground up how to use D3
Learn how data binding works
Use methods to add attributes and style to D3 elements
Use scale functions to process data points

duration
80
key features
Learn how to visualize data with D3 using real science data downloaded from NASA * Use D3 to read data into a web page, select and create new elements, and position * Use D3 to convert data points to numbers representing colors or position or size
approach
This is a project-based course where we will work on visualizing data using real NASA data with HTML, CSS, JavaScript, and D3.
audience
To successfully complete this project, we recommend that you have some background in HTML and JavaScript. You don’t need to be an expert by any means, but you should have experience building web pages and you should have basic programming skills with JavaScript. No experience with D3 is required.
meta description
Use the D3 Library to prepare and visualize data such that anyone can easily interpret and draw meaningful conclusions from the data
short description
In this course, you’ll learn how to process the data and make it ready for creating visualizations, and how to create simple visualizations. You’ll also learn how to gain insights once you’ve created a visualization.
subtitle
Learn to use the D3 JavaScript library to create aesthetic visualizations from data
keywords
Visualization, Data Visualization, JavaScript basics, HTML, CSS, jQuery, D3
Product ISBN
9781801818131