Further enhance your Insider's Guide site to let your visitors know what the local weather conditions are throughout the year by using a line chart to display temperatures, precipitation, and snowfall/sunshine.
The best place to find this data is on Wikipedia under your city's "climate" section. If your area doesn't have an entry in Wikipedia or the climate data isn't listed, use the data for the nearest large city and note it in the introductory paragraph.
canvas
element for embedding a Chart.js chart on your page. Set its initial width to 800 and height to 400.script
block to load the Chart.js API into your page.script
block with the src attribute loading a file called "chart.js".document.body.onload = function () { document.getElementById("calcintro").style.marginTop = document.getElementById("bodyheader").offsetHeight + 25 + 'px'; };
HTML, CSS, and JavaScript should be properly formatted following their respective coding conventions discussed in class.
You can use the live preview extension in VSCode to test the page as you're building (click Preview Available in the lower left of the VSCode window), but when you're finished, be sure to check the live URL at https://dci110w19.github.io/insiders-YOURUSERNAME/weather.html
(e.g. "https://dci110w19.github.io/insiders-mickelj/weather.html") to see that it is completely uploaded and working.
Your page should look similar to this:
You will be graded on:
The lab will begin with a full score of 50 points and deductions will be made according to the amount and severity of errors.