{ const getPhase = (a, h) => { const time = a < 180 ? 'morning' : 'evening'; return h < -18 ? 'night ' + (a < 180 ? '(after nadir)' : '(before nadir)') : h < -6 ? time + ' blue hour' : h < -0.833 ? time + ' twilight' : h < 6 ? time + ' golden hour' : 'day ' + (a < 180 ? '(before noon)' : '(after noon)'); } const rightAlign = 'style="text-align: right; padding: 1px 10px 1px 1px; font-variant-numeric: tabular-nums;"'; const rotate = (deg) => `style="display: inline-block; transform: rotate(${deg}deg)"`; const getColor = (h) => h < -18 ? '#74add1' : h < -6 ? '#abd9e9' : h < -0.833 ? '#e0f3f8' : h < 6 ? '#fee090' : '#ffffaa'; while (true) { await Promises.delay(1000); yield html`${cities.map(([name, lng, lat]) => { const {azimuth, altitude} = getSunPosition(Date.now(), lng, lat); const d = 180 / Math.PI; const a = d * azimuth; const h = d * altitude; return ``; }).join('')}

City	↓ Long	Lat	Sun Phase	Altitude	Azimuth
${name}	${lng.toFixed(1)}	${lat.toFixed(1)}	${getPhase(a, h)}	${h.toFixed(2)}° →	${a.toFixed(2)}° ↑

`; } }

Purpose-built for displays of data