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

Let's talk about the linear scale. It is the first scale we went over. Let's quickly review what this scale does now that we have a better idea of what continuous and discrete data are. 

**The `scaleLinear()` function is a scale for continuous datasets.** The input domain for the linear scale should be continuous. As for the output range, it can be considered continuous, too. The concept of continuous and discrete datasets does not just apply to input domains. A scale function will transform our data into a new dataset which can then be categorized as continuous or discrete. In the case of the `scaleLinear()` function, the range will be continuous.

# Domain and Range

One more time, let’s look at this diagram.

The linear scale is the simplest scale offered by D3. It can transform continuous data into other continuous data.

Overview

SVG Basics

D3 Fundamentals

Drawing a Scatter Plot

Scales

Animations & Interactivity

Even More Charts!

Conclusion

The ‘scaleLinear()’ Scale