How to Visualize Data with D3

Preview this course

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.

Unlimited access to 750+ courses.
Enjoy a Free Trial. Cancel Anytime.

- OR -

30-Day Money-Back Guarantee
Full Lifetime Access.
26 on-demand videos & exercises
Level: Intermediate
English
1hr 20mins
Access on mobile, web and TV

What to know about this course

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

Who's this course for?

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.

What you'll 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.

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.

Course Curriculum

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. 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.

40% OFF! Unlimited Access to 750+ Courses. Redeem Now.