xxxxxxxxxx
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="weatherHourly.css">
</head>
<body>
<select id="metric" name="Select Metric:">
<option value="cloudCover" selected>Percent Cloudy</option>
<option value="normalTemperature">Temperature</option>
<option value="heatIndex">Temperature with Heat Index</option>
<option value="windChill">Temp with Wind Chill</option>
<option value="aveWindSpeed">Ave Wind Speed</option>
</select>
<p id="citySelection"></p>
<div id="instructions">
<p><span id="info">The graph shows the normal temperature, percent cloudy skies, or other metric in a particular city by day of the year and hour of the day, based on the last 30 years of data. Each line represents a different hour of the day. Click on a line or on the legend to highlight a particular hour.</span></p>
<p><span id="info">Data from <a href="https://gis.ncdc.noaa.gov/geoportal/catalog/search/resource/details.page?id=gov.noaa.ncdc:C00824">NOAA</a></span></p>
</div>
<section id="weatherLines">
<p></p>
</section>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="viz.js"></script>
<script src="state.js"></script>
<script src="data.js"></script>
<script src="selectionViz.js"></script>
<script src="weatherHourly.js"></script>
</body>
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://d3js.org/topojson.v1.min.js to a secure url
Modified http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://d3js.org/topojson.v1.min.js
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js