Description
Objectives
● Access information via REST
● Work with JSON formatted data
● Display data with SVG file and jQuery
Assignment
● In this assignment, we create a web page showing the weather across the USA.
● We will use the Dark Sky Forecast API from Lab 7 as the data source.
● Each state will be color-coded per its current temperature.
Note : Any errors in your code will be thrown to the JavaScript/Browser Console (Right Click +
Inspect Element + Console). Please use the same for any kind of debugging or
troubleshooting! Use the following links to learn more about debugging JavaScript code.
➔ https://developer.mozilla.org/en-US/docs/Tools/Debugger
➔ https://www.khanacademy.org/computing/computer-programming/html-js-jquery/jquery-dom-a
ccess/v/debugging-webpages-with-the-browser-console
Part – 1: Setting up the project
1. Download a map of the United States in SVG format.
2. Create a new HTML file named index.html
3. In your HTML file, add the following code to create a web page:
< html >
< head >
< title >HW #4 Your last name(s)
< body >
4. On the next line in the file, insert the downloaded SVG map. Copy-paste isn’t very effective here, but
you can do this in vim with the following:
:r Blank_US_Map.svg
Note: This is a vim command, please don’t type this as plain code in your HTML file. Open your HTML
file using the Vim text editor and type the above command to get all the SVG code inserted between
your HTML body tags.
5. Close the HTML page with:
6. Include jQuery into your HTML page. Add the following