This lab served as an introduction to HTML, CSS, and Javascript. The end goal was to create a map of Vancouver showing the locations and numbers of bike thefts throughout the city. An OpenStreet basemap of Vancouver was used as the base layer, and was overlaid with the city neighbourhoods. Each neighbourhood was assigned a number of bike thefts per 100 people.
The data for bike thefts was then added, with a point for each reported theft. Due to the extremely high number of clustered points, these were then combined and consolidated into a smaller number of points covering larger areas. Clicking on a neighbourhood would show the information for Thefts per 100 People, while clicking on a consolidated blue circle point would first zoom the viewer into the selected area, which could reveal either exact theft points, or further consolidated points that could be clicked to zoom in even further to more specific areas.
Learning Significance