For the visualizing with spatial data, I used data of “New York city locations providing seasonal flu vaccinations” from https://opendata.cityofnewyork.us/data.
I referred to the tutorial of mappa github (https://github.com/cvalenzuela/Mappa/tree/master/tutorials/basic) and got helped from Genevieve. (Thank you Genevieve!)
First, I practiced to use mapbox studio and customized my own map image. Bring the map to canvas first, I also had to bring data of flu shot locations. I used the data with ‘csv’ file format. In terms of the map visualizing part, it was new for me that every map that I made with mapbox studio has its own style url. (I do not know I should call it url or key)
The mapbox has a lot of functions allowing me to customize my own map. For this practice, I pointed park area with green color and saved it.
The next step was creating dots representing flu shot spots. The problem was dots were created over and over whenever the map was moved. So later, the location of dots did not make sense and there was a tons of dot layers on the map like the below.
The problem was I did not set ‘clear’ function whenever dots created. Then it worked well.