United States Educational Attainment - Choropleth Map using D3  🗺🌎

A Free Code Camp(beta) Data Visualisation Project (WiP)

Objective:

Build a scatterplot that is functionall similart to this.

The map will show the percentage of adults age 25 and older with a bachelor's degree or higher (2010-2014)

Resources:

Data Sets (provided by Free Code Camp)

US Education Data

US County Data

Other

Data Classification & Choropleth Maps

TopoJSON extension

Screenshot of progress so far:

---

Things I learned

Projected Data & geoPath()

d3.geoPath()translate GeoJSON coordinates into SVG path codes. We can use geoPath().projection() to specify a projection.The projection method projects 3D space onto a 2D plane (see more about projections here). I spent several hours trying to work out why the built in projection I was using (d3.geoAlbersUsa()) was producing a mess, only to discover that I was trying to project already projected data.

I found an example of using the projection method to scale the map on the page and used this to resize my chart.

---