Let's review everything we've done to draw a scatter plot.

We'll cover the following

We are finally finished with the scatter plot. It took a lot of work. We have already talked about the first steps, which are the following:

  1. Retrieve the data from an API or external source
  2. Set the dimensions
  3. Draw the Image

We have not had the chance to go over the next three steps, but we saw how to perform them in action. The fourth step is to create some scales. Scales allow us to transform our data into values we can use for drawing shapes. The fifth step is to start drawing the shapes. We can use the scales we created in the previous step to help us position our shapes. The sixth step is to draw an axis. The axis helps the reader understand how to measure the data.

There is an optional additional step. We can add animations and events to the chart. Animations can add pizzaz to a chart. It makes it much more interesting. You may also want to add events for handling interactions with the reader. This is a step we will be exploring in an upcoming section.

Overall, these are the steps you will take when drawing charts in D3. We will be repeating these steps throughout the entire course. You will become comfortable with the process. In the next couple of sections, we will start drawing other types of charts, explore scales and other advanced topics related to D3.

Scatter plot

Get hands-on with 1200+ tech skills courses.