Simple Angular D3 Page
Budget: $30 – $250 USD
Create simple Angular page that creates a D3 map of California and plots points from a json file, and has an animated view where it highlights each element in the json file. When highlighting a new element in the Json, the Image on the left should go to the top and enlarge, and the next one to be highlighted should be displayed below. Also the text in the lower center should change to reflect the json info as well as the point color changing and a line moving. Map should zoom in on Southern California but be able to scroll up to northern California points. See image 1
starting point of page. Should enlarge to take full size of browser window. Locations should change every 15 seconds
See image 2
sample rotation of next item in Json file. Note how the images on the left move up and the points change color to show selected
Feel free to create your own text json file with the following fields
Json file will consist of the following data for each element:
Title: “Title of point”
Description: “Some string here”
Details: “Some String”
Date: “Closed on 12/12/2023”
Lat: “34.005292”
Long: “-117.7912207”
ImagePath: “/images/img1.jpg”
Json file will have at least 10 items
starting point of page. Should enlarge to take full size of browser window. Locations should change every 15 seconds
See image 2
sample rotation of next item in Json file. Note how the images on the left move up and the points change color to show selected
Feel free to create your own text json file with the following fields
Json file will consist of the following data for each element:
Title: “Title of point”
Description: “Some string here”
Details: “Some String”
Date: “Closed on 12/12/2023”
Lat: “34.005292”
Long: “-117.7912207”
ImagePath: “/images/img1.jpg”
Json file will have at least 10 items