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.

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

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.

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.