d3 doesn't always include everything that we want to use in our maps, in this case the legend

this line of code imports the library to make legends

Import the simple statistics library. What you use to create natural breaks.

You can move your code out of order, it does not need to be in the correct order for it to execute correctly. You need to focus on making relationships.

Can convert numbers into different formats so that they display the way you want them to on your map. (ex. only having one decimal place)

Import the topojson library so it can read the topojson files

We only need one here ([1]) because we are only looking at one variable

How to easily find what the value of an object is

But the object in the ("") needs to match the data, whether it is string or numeric

Creating a color scheme with how many colors you want in your classification

Square brackets represent lists of elements

I chose to have only four classes instead of the original five due to the range of my data and that many of the values are very close to each other, so less classes made sense for this dataset

Length represents the extent of the list that we made for our color scheme

These three are setting up the canvas for the map. Using the data that we have to decide if the width or height needs to be larger.

This part never changes

SVG stands for Scalable Vector Graphics. Identical to drawing points, lines and polygons in, for example arcpro

We first created our canvas up above and now we are "painting" in this canvas

The objects are drawn in order, whatever we input first will be displayed first/on top of the things we drew first

There are lots of comments about individual functions within the code by commenting through //