We want a simple map made from D3.js where at specific intervals (eg: every 3 seconds), a new point appears on the map with a tooltip that fades out. If the user then clicks a point, a popup will appear with some data.
See here: http://rcmap.hatnote.com/#en
Github repo and code is here: https://github.com/hatnote/rcmap
This is a world map showing live wikipedia updates. It has most of the functionality we require, and its code can be used as a starting point.
Our map will be much simpler
- We do NOT want a world map, but rather specific American States. Specifically, the US states are: MA, CT, RI, NY, PA, NJ, MD, DE, VA. It will look like this (without the legend and lines):
- The points data will not be via websockets, they will be hard-coded and just appear at the specified interval time.
- We will need to add function where when a user clicks a point, a popup appears