34:["$","title",null,{"children":"#30DayMapChallenge 2026, Day 5: Senses: Sight | Xavier Olive | Observable"}] 3c:T49d,viewof controls = { // "Now": back to the real time, running in real time (the time field then follows the clock) const now = html``; now.onclick = () => Object.assign(clock, {base: Date.now(), start: performance.now(), speed: 1, center: Date.now()}); return Inputs.form({ when: Inputs.datetime({label: "Local time", value: startTime}), // apparent magnitude: smaller is brighter (Sirius −1.5, Polaris 2, the naked-eye limit 6 to 6.5) limit: Inputs.range([1, 6.5], {label: "Faintest magnitude", value: 5.5, step: 0.1}), layers: Inputs.checkbox(["planets", "constellations", "names", "artwork", "grid"], {value: ["planets", "constellations", "names"]}) }, { // the time and its Now button on one line, the slider and the layers on the next template: ({when, limit, layers}) => html`

${when}${now}

${limit}${layers}

` }); }3d:T282f,// ── The sky: canvas, interaction, time-lapse ───────────────────── skyChart = { const height = Math.min(width, 720), dpr = window.devicePixelRatio || 1; const canvas = html`