2f:T42d,md`# How comfortable is outside? I saw [this site](https://mydewpoint.com/#) from [Stefan](https://twitter.com/stefanbfritz) that visualizes the current weather in your area using the dew point. I find it a very effective way to determine how comfortable you will be outside (why are we not using the dew point instead of temperature and humidity to talk about the weather?). I wanted to reproduce it in this notebook. ### Dew Point The dew point is the *temperature* at which the the air has to be cooled to achieve a relative humidity of 100%. What? It is a metric to measure how much moisture is in the air. If we have 100% relative humidity, the air cannot hold more moisture/water. If the dew point is high, the air is holding a lot of water. The higher the dew point, the most uncomfortable is goint to be. Here are two examples: - City A: Temperature *80F* and dew point: *50F*. - City B: *72F* and dew point: *68F*. Would you be more comfortable outside in city A or city B? In A. We have a higher temperature but there is less moisture in the air. `30:T54a,function genDayHeader(idx) { const dt = new Date(data.daily.time[idx]); const o = { day: dt.toLocaleString(undefined, { day: "numeric" }), weekday: dt.toLocaleString(undefined, { weekday: "short" }), month: dt.toLocaleString(undefined, { month: "short" }), max: ((data.daily.temperature_2m_max[idx] - 32) / 1.8).toFixed(0), min: ((data.daily.temperature_2m_min[idx] - 32) / 1.8).toFixed(0), sunrise: new Date( data.daily.sunrise[idx] + ("" + data.utc_offset_seconds / 3600).slice(0, 1) + "0" + ("" + data.utc_offset_seconds / 3600).slice(1) + ":00" ).toLocaleString(undefined, { hour: "numeric", minute: "numeric", timeZone: city.timezone //second: "numeric" }), sunset: new Date( data.daily.sunset[idx] + ("" + data.utc_offset_seconds / 3600).slice(0, 1) + "0" + ("" + data.utc_offset_seconds / 3600).slice(1) + ":00" ).toLocaleString(undefined, { hour: "numeric", minute: "numeric", timeZone: city.timezone //second: "numeric" }) }; return `

${o.weekday}, ${o.month} ${o.day}

🌡️ ${o.max}° / ${o.min}°

🌅 ${o.sunrise} / ${o.sunset}

`; }31:T481,function genDayTableV2(dayIdx) { let entries = ""; let degrees = ""; for (let hi = 0; hi < 24; hi++) { const d = getHourlyData(dayIdx, hi); degrees = d.winDir; const rainDrop = d.rainProbability > minRainProb ? rainDropSvg : ""; const display = radios === "Temperature (°C)" ? `

${d.hour}

${d.dt} ${rainDrop}

` : radios === "Dew Point (°C)" ? `

${d.hour}

${d.dp2} ${rainDrop}

` : `

${d.hour}

🢁

${d.winSpeed}

`; entries += display; } return `

${entries}

`; }32:Ta5f,style = html`