Gain insights into creating interactive web data visualizations with D3.js. Learn about SVGs, selections, advanced scatter plots, scales, animations, and interactivity to transform data into meaningful insights.

In this course, you will learn to create your own interactive data visualizations for the web with D3.js, a very popular JavaScript library. 

Starting with the fundamentals, you'll learn about SVG, selections, classes, and styles, as well as displaying data. This will give you the base to start working with more advanced concepts. 

Once you’ve got the basics out of the way, you will start practicing drawing various scatter plots, where you’ll learn all the best practices for creating stunning visualizations.

Lastly, you will dive into scales and one of the more fun parts: adding animation and interactivity.

By the time you finish this course, you will have a powerful new library to add to your resume, and you’ll be able to transform data into meaningful insights.

Master D3.js for Data Visualization

In this section, we are going to learn about animations and interactivity. The charts we have built so far lack finesse. We have covered the most essential steps for building charts. There is one final step we have not gone over yet.

# What makes a chart interesting

We can add animations to make our charts more interesting. By adding animations, we can draw the reader’s attention to specific locations in the chart. We can also add events to shapes, such as clicks and hovers, and we can trigger certain actions based on events fired. 

This section will cover one of the more fun steps of drawing a chart. 


Get an overview of what you can expect to learn in this section.

Overview

SVG Basics

D3 Fundamentals

Drawing a Scatter Plot

Scales

Animations & Interactivity

Even More Charts!

Conclusion

Introduction to Animations & Interactivity