A visualisation of GPX waypoints A test case to automate download and conversion of CBS maps into a D3.js map.

This block packs the following features:

• Locations in the gpx file are encoded in the TopoJSON file by the npm commands in package.json.
• Colorizes countries (visited, not visited) based on locations in the gpx file. Note that this is not always accurate due to polygon simplification.
• The gpx track is divided into segments for each pair of subsequent locations. Each of the segments can be styled using the 'sym' tag of the location.
• Filters 'major' and 'minor' waypoints based on the 'description' tag in the gpx file. All waypoints are used to draw the path, but only major waypoints have mouseover interactivity.
• Voronoi polygons for easier selection.
• Mouseover reveals the location description from the gpx file.
• Click-to-zoom using the voronoi polygons.

To reproduce the json file for the map: npm install npm run map

Resources:

• Geographical data courtesy of Natural Earth

• GDAL geojson converter: GDAL

• GDAL GPX driver section: GDAL

• Useful website for map checking: Mapshaper