Lab 5: D3

This map used the capabilities of D3 to create a map of the Western Hemisphere, along with four individual cities listed.

For the D3 map, I began by loading data from the Natural Earth Data website to QGIS, where I converted them to GeoJSON files. The cities listed on the dataset are based on data created in geojson.io, where I marked three cities that I would like to visit. The code within the script tags is used to visualize the data within d3.js. After this was completed, I edited the background to make it darker, while coloring the cities white.

1. The city at coordinates [-73.66333007812499, 45.4986468234261] is Montreal.

2. The d3 tool knew to put the generated image at the International Date Line due to the rotate tool. The value -180 resulted in the image being rotated 180 degrees Latitude from the Prime Meridian to the International Date Line, since they are on opposite sides of the Earth's Axis. The 0 degrees for Longitude indicate that the image would not move up or down.

3. We picked a value of around 90 because that is the value that corresponds to rotating to the Americas.

4. We would have to add the "ul" tag in order to underline the labels.