Overview of cartographic visualizations
The goal is to display cartographic data on an interactive and responsive visualization using D3.js
similar to the following example:
However, this is not a straightforward task such as drawing a simple bar chart. There are many things that need to be considered when building a cartographic visualization, and this section will introduce you to these different steps and techniques. Let's get started straightaway and look at all the different components from a bar chart and how they can be compared to a cartographic visualization. This will give us enough knowledge on how to tackle the problem.
A geographic coordinate system
When we draw a bar chart, we usually start by drawing a coordinate system—a Cartesian coordinate system to be precise—usually represented as axes. This coordinate system defines how we can find the desired coordinates to draw a bar; it shows us the x
and y
directions...