Programming Homework Help

Survey perspective :

Design and write a java script application in an (HTML) stand alone survey page that uses Leaflet.js and D3js.

The application consist of a map that will be centered in Washington DC. This map will have leaflet tile and control. The map will have an overlay rectangle grid that subdivide the map viewed for the user and when the user click in one of the area’s (zones) it will store and record the boundaries in which he clicked on and then a pop up will ask him if he or she would like to provide more information? upon that if he said yes the boundaries in which he clicked will zoom in and a new subdivide grid will appear inside the one was chosen, every time it would do that until the user indicate that he is done.

All of the data taken from the user should be stored in a GeoJson format and can be easily retrieved. This program should allow a reset without the loss of data so if I restart the program to allow another user to click, it should have different ID than the first one (Different GeoJson Attribute or dataset with in the same GeoJson file) and it will not delete the past user information and also will not show it on the map (the old one). The stored data look something like that: if the user clicked on rectangle grid area or zone number 1 it would store it as (1) and if the user want to continue it will sub divided and he will chose another area or zone that has been zoomed in, so now the data in the GeoJson will be updated to 1:2 where is the 2 is that he clicked on the second rectangle grid area or zone from the first rectangle group numbered 1.

A picture has been included for clarification:

Not that many rectangle’s should be included but more over like 4 zones that cover all for example the DC area in a broad way and then zoom in with user. Again this a survey

Be cheerful of not indicating any coordinates meaning no lat or ling should be reported or rerecorded for privacy reasons.

Please document every steep and comment on the code.

Thankfully