JavaScript Assignment to create an interactive map of the UK. Have attached the specifications.

INSTRUCTIONS TO CANDIDATES

ANSWER ALL QUESTIONS

JavaScript Assignment to create an interactive map of the UK. Have attached the specifications.

 

You  are provided with a JSON feed at :

 

http://35.233.103.25/Circles/Towns/20

 

This will provide details of a random collection of towns in the UK, the last number in the feed tells the feed how many towns to produce (it is limited to a maximum of 500).

Eg. http://35.233.103.25/Circles/Towns/20 will provide details of 20 towns.

http://35.233.103.25/Circles/Towns/10 will provide details of 10 towns. 

 

You must:

 

1: write a D3 program that consumes the feed

2: draws a map of the UK (any UK JSON file to produce the map is okay) 

3: Plots the towns from the feed on the map

4: You can use any details in the feed to enhance the map.

5: Use a button to reload the data and plot a new set of towns.

 

Enhancements:

 

Add the following

   Tooltips.  Hover over a town and provide more details such as the population

   Animations.  When new data is loaded the new towns are animated in place

   A slider that allows the user to select the number of towns loaded.

 

A rough idea/example of how the end product should look like:

 

 

 

Attachments:

Expert's Answer

547 Times Downloaded

Related Questions

. Introgramming & Unix Fall 2018, CRN 44882, Oakland University Homework Assignment 6 - Using Arrays and Functions in C

DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma

. The standard path finding involves finding the (shortest) path from an origin to a destination, typically on a map. This is an

Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t

. Develop a program to emulate a purchase transaction at a retail store. This program will have two classes, a LineItem class and a Transaction class. The LineItem class will represent an individual

Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th

. SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

. Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of