3e:null 3f:["$","title",null,{"children":"Moon Phase & Libration, 2023 | Fred Lu | Observable"}] 45:T731,app3 = { const svg = d3.select(DOM.svg(width*.95, height)); svg.style("user-select", "none") .style("-webkit-user-select", "none"); const margin = {top: 0, left: 10, right: 10, bottom: 0, inner: 32}; const contentWidth = width*.95 - margin.left - margin.right - margin.inner; const columnWidth = contentWidth; const clp = 'red'; let selection = { date: new Date(lcd), //date: this != null ? this.value.date : new Date(hour.time), hour: new Date(lcd).getUTCHours() //hour: this != null ? this.value.hour : new Date(hour.time).getHours() } const renderSolarSystem = () => { svg.selectAll("#solar-system *").remove(); svg.selectAll("#solar-system").call(solarSystem3, columnWidth, location, selection.date, selection.hour, clp); } const setSelection = (newSelection, forceRender = false) => { const prev = {...selection}; selection = newSelection; svg.node().value = selection; if (forceRender) { renderSolarSystem(); // renderGlobe(); } else if (prev.hour !== selection.hour || prev.date !== selection.date) { renderSolarSystem(); //renderGlobe(); } } svg.append("g") .attr("id", "solar-system") .attr("transform", `translate(${margin.left + margin.inner}, ${margin.top + height/2})`); setSelection(selection, true); const handleDateHourChange = ({ target, detail: { date, hour }}) => { if (date != null && hour != null) setSelection({...selection, date, hour}); } svg.node().addEventListener(EventType.DateHourChange, handleDateHourChange, false); return svg.node(); }46:T239f,viewof map = { const container = html`

`; yield container; mapboxgl.accessToken = "pk.eyJ1IjoidG9mZmkiLCJhIjoiY2lvMDBxMzR3MDB1eHZza2x4NGI2YjI5OSJ9.IEaNA05pWbT92nOu-lEOYw"; var map = new mapboxgl.Map({ container: container, style: 'mapbox://styles/mapbox/satellite-streets-v11', //"mapbox://styles/mapbox/streets-v11" center: location, projection: 'globe', //maxZoom: 1.3, zoom: 1.4 }); const zoomThreshold = 3; map.addControl(new mapboxgl.FullscreenControl()); map.addControl(new mapboxgl.NavigationControl()); // Add geolocate control to the map. map.addControl( new mapboxgl.GeolocateControl({ positionOptions: { enableHighAccuracy: true }, trackUserLocation: true }) ); const size = 120; //container.value = map // This implements `StyleImageInterface` // to draw a pulsing dot icon on the map. const pulsingDot = { width: size, height: size, data: new Uint8Array(size * size * 4), // When the layer is added to the map, // get the rendering context for the map canvas. onAdd: function () { const canvas = document.createElement('canvas'); canvas.width = this.width; canvas.height = this.height; this.context = canvas.getContext('2d'); }, // Call once before every frame where the icon will be used. render: function () { const duration = 1000; const t = (performance.now() % duration) / duration; const radius = (size / 2) * 0.3; const outerRadius = (size / 2) * 0.7 * t + radius; const context = this.context; // Draw the outer circle. context.clearRect(0, 0, this.width, this.height); context.beginPath(); context.arc( this.width / 2, this.height / 2, outerRadius, 0, Math.PI * 2 ); context.fillStyle = `rgba(255, 200, 200, ${1 - t})`; context.fill(); // Draw the inner circle. context.beginPath(); context.arc( this.width / 2, this.height / 2, radius, 0, Math.PI * 2 ); context.fillStyle = 'rgba(255, 100, 100, 1)'; context.strokeStyle = 'white'; context.lineWidth = 2 + 4 * (1 - t); context.fill(); context.stroke(); // Update this image's data with data from the canvas. this.data = context.getImageData( 0, 0, this.width, this.height ).data; // Continuously repaint the map, resulting // in the smooth animation of the dot. map.triggerRepaint(); // Return `true` to let the map know that the image was updated. return true; } }; map.on("load", () => { //map.addSource('line', { //type: 'geojson', // Line metrics is required to use the 'line-progress' property // lineMetrics: false, //data: geojson2 //}); //map.addLayer({ //'id': 'fill', //'type': 'fill', //'source': 'line', // reference the data source //'layout': {}, //'paint': { //'fill-color': ['get', 'colors'], //'fill-opacity': .35 //} //},'waterway-label' //); map.addLayer({ 'id': 'circle', 'type': 'circle', 'source': 'dest', // reference the data source 'layout': {'circle-sort-key': 1}, 'paint': { 'circle-stroke-color': 'white', 'circle-stroke-width': 2.5, 'circle-stroke-opacity': 1, 'circle-color': '#0f2739', 'circle-opacity': 1, 'circle-radius': 7.5 } }//,'waterway-label' ); map.addImage('pulsing-dot', pulsingDot, { pixelRatio: 2 }); map.addSource('dot-point', { 'type': 'geojson', 'data': { 'type': 'FeatureCollection', 'features': [ { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': location // icon position [lng, lat] } } ] } }); map.addLayer({ 'id': 'layer-with-pulsing-dot', 'type': 'symbol', 'source': 'dot-point', 'layout': { 'icon-image': 'pulsing-dot' } }); //}); // const popup2 = new mapboxgl.Popup({closeButton: false, closeOnClick: true}); map.on('mouseenter', 'circle', function (e) { // Change the cursor to a pointer when the mouse is over the states layer. map.getCanvas().style.cursor = 'pointer'; const origin = location; var coordinates = e.features[0].geometry.coordinates; // Ensure that if the map is zoomed out such that multiple // copies of the feature are visible, the popup appears // over the copy being pointed to. while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } mutable destination = coordinates; // A simple line from origin to destination. const route = { 'type': 'FeatureCollection', 'features': [ { 'type': 'Feature', 'geometry': { 'type': 'LineString', 'coordinates': [origin, mutable destination] } } ] }; // A single point that animates along the route. // Coordinates are initially set to origin. const point = { 'type': 'FeatureCollection', 'features': [ { 'type': 'Feature', 'properties': {}, 'geometry': { 'type': 'Point', 'coordinates': origin } } ] }; // Calculate the distance in kilometers between route start/end point. const lineDistance = turf.length(route.features[0]); const arc = []; // Number of steps to use in the arc and animation, more steps means // a smoother arc and animation, but too many steps will result in a // low frame rate const steps = lineDistance <= 1000? 100 : lineDistance > 1000 && lineDistance <= 2000? 200 : lineDistance > 2000 && lineDistance <= 3000? 300 : lineDistance > 3000 && lineDistance <= 4000? 400 : lineDistance > 4000 && lineDistance <= 5000? 500 : lineDistance > 5000 && lineDistance <= 6000? 600 : lineDistance > 6000 && lineDistance <= 7000? 700 : lineDistance > 7000 && lineDistance <= 8000? 800 : lineDistance > 8000 && lineDistance <= 9000? 900 : lineDistance > 9000 && lineDistance <= 10000? 1000 : 1500; // Draw an arc between the `origin` & `destination` of the two points for (let i = 0; i < lineDistance; i += lineDistance / steps) { const segment = turf.along(route.features[0], i); arc.push(segment.geometry.coordinates); } // Update the route with calculated arc coordinates route.features[0].geometry.coordinates = arc; // Used to increment the value of the point measurement against the route. let counter = 0; map.addSource('route', { 'type': 'geojson', 'data': route }); map.addSource('point', { 'type': 'geojson', 'data': point }); map.addLayer({ 'id': 'route', 'source': 'route', 'type': 'line', 'layout': {'line-sort-key': 2}, 'paint': { 'line-width': 2, 'line-color': '#007cbf' } }); map.addLayer({ 'id': 'point', 'source': 'point', 'type': 'symbol', 'layout': { // This icon is a part of the Mapbox Streets style. // To view all images available in a Mapbox style, open // the style in Mapbox Studio and click the "Images" tab. // To add a new image to the style at runtime see // https://docs.mapbox.com/mapbox-gl-js/example/add-image/ 'icon-image': 'airport-15', 'icon-rotate': ['get', 'bearing'], 'icon-rotation-alignment': 'map', 'icon-allow-overlap': true, 'icon-ignore-placement': true } }); }); }) const animate = new Promise(resolve => { setInterval(function() { // date = addMinutes(date, 1); let date = new Date(hour.time) // // https://codesandbox.io/s/cbrpb2?file=/src/index.js:580-667 var dayNightJson = new GeoJSONTerminator({ resolution: 2, time: date }) if (map.getSource('night-source')) { map.getSource('night-source').setData(dayNightJson) } else { map.addSource('night-source', { 'type': 'geojson', 'data': dayNightJson }) } if (!map.getLayer('night-polygon-layer')) { map.addLayer({ 'id': 'night-polygon-layer', 'type': 'fill', 'source': 'night-source', 'layout': {}, 'paint': { 'fill-color': '#000000', 'fill-opacity': [ "interpolate", ["linear"], ["zoom"], 0, 0.5, 8, 0.1 ], } }, 'settlement-subdivision-label'); // map.addLayer({ // 'id': 'night-polygon-layer-line', // 'type': 'line', // 'source': 'night-source', // 'layout': {}, // 'paint': { // 'line-color': '#000000', // 'line-width': 20, // 'line-blur': 20, // 'line-opacity': 0.5 // } // }, 'settlement-subdivision-label'); } }, 1000); // Every 1 second }) //return container; }47:T640,Ram = { const p = convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[0] === 1 && convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[1] === 1 ? html`

Tết Nguyên Đán (Lunar New Year)` : convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[0] === 15 && convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[1] === 8 ? html`
Tết Trung Thu (Mid-Autumn Festival)` : convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[0] === 15 && convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[1] != 8 ? html`
Rằm tháng ${ convertSolar2Lunar( new Date(hour.time).getDate(), new Date(hour.time).getMonth() + 1, new Date(hour.time).getFullYear(), tzh )[1] }` : html``; p.style.color = d3.interpolateRainbow(now / 1000); return p; }48:T76f,style = html``49:Ta3c,function Scrubber(values, { format = value => value, initial = 0, delay = null, autoplay = true, loop = true, loopDelay = null, alternate = false } = {}) { values = Array.from(values); const form = html`

`; let frame = null; let timer = null; let interval = null; let direction = 1; function start() { form.b.textContent = "◼"; if (delay === null) frame = requestAnimationFrame(tick); else interval = setInterval(tick, delay); } function stop() { form.b.textContent = "▶"; if (frame !== null) cancelAnimationFrame(frame), frame = null; if (timer !== null) clearTimeout(timer), timer = null; if (interval !== null) clearInterval(interval), interval = null; } function running() { return frame !== null || timer !== null || interval !== null; } function tick() { if (form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN)) { if (!loop) return stop(); if (alternate) direction = -direction; if (loopDelay !== null) { if (frame !== null) cancelAnimationFrame(frame), frame = null; if (interval !== null) clearInterval(interval), interval = null; timer = setTimeout(() => (step(), start()), loopDelay); return; } } if (delay === null) frame = requestAnimationFrame(tick); step(); } function step() { form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); } form.i.oninput = event => { if (event && event.isTrusted && running()) stop(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (running()) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", {bubbles: true})); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); Inputs.disposal(form).then(stop); return form; }4a:Tcf5,solarSystem3 = (root, width, location, date, hour, clp) => { const earthRadius = 20; const solarSystemRadius = width / 2 - 20; const stretch = 0.4; const solarAngle = getSolarAngle(date); const solarAngleDeg = solarAngle * 180 / Math.PI; const x = solarSystemRadius * Math.sin(solarAngle); const y = stretch * solarSystemRadius * Math.cos(solarAngle); const spin = (180 + -location[0] + solarAngleDeg + 360 * ((hour + 12) / 24)); const earthGeo = {type: "Sphere"}; const projection = d3.geoOrthographic() .fitWidth(earthRadius * 2, earthGeo) .rotate([spin, 0, 23.5]) .translate([0, 0]); const staticProjection = d3.geoOrthographic() .fitWidth(earthRadius * 2, earthGeo) .rotate([solarAngleDeg - 90, 0]) .translate([0, 0]); const path = d3.geoPath(projection).pointRadius(1.5); const staticPath = d3.geoPath(staticProjection); const solarSystem = root.append("g") .attr("transform", `translate(${width / 2})`); solarSystem.append("circle") .attr("r", 38) .attr("fill", colors.sun) /* Draw orbit / solarSystem.append("ellipse") .attr("rx", solarSystemRadius) .attr("ry", stretch solarSystemRadius) .attr("fill", "none") .attr("stroke", "lightgray"); /* Draw month ticks / const formatDateTick = d3.timeFormat("%b"); d3.range(12).map(m => { const d = new Date(date.getFullYear(), m, 1); const angle = getSolarAngle(d); solarSystem.append("line") .attr("x1", (solarSystemRadius + 8) Math.sin(angle)) .attr("y1", (solarSystemRadius + 8) * stretch * Math.cos(angle)) .attr("x2", (solarSystemRadius - 8) * Math.sin(angle)) .attr("y2", (solarSystemRadius - 8) * stretch * Math.cos(angle)) .attr("stroke", "lightgray"); const midMonthAngle = getSolarAngle(new Date(date.getFullYear(), m, 15)); solarSystem.append("text") .text(formatDateTick(d)) .attr("x", (solarSystemRadius + 16) * Math.sin(midMonthAngle)) .attr("y", (solarSystemRadius + 16) * 1.15 * stretch * Math.cos(midMonthAngle)) .attr("text-anchor", "middle") .attr("dominant-baseline", "middle") .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("fill", "gray"); }); const earth = solarSystem.append("g").attr("transform", `translate(${x}, ${y})`); earth.append("line") .attr("y1", -1.5 * earthRadius) .attr("y2", 1.5 * earthRadius) .attr("stroke", "blue") .attr("transform", `rotate(-23.5)`) earth.append("path") .attr("d", path(earthGeo)) .attr("fill", colors.ocean); earth.append("path") .attr("d", path(land)) .attr("fill", colors.land); const shadowPolygon = [[0, -90], [0, 0], [0, 90], [180, 0], [0, -90]]; earth.append("path") .attr("d", staticPath({type: "Polygon", coordinates: [shadowPolygon]})) .attr("fill", "rgba(0, 0, 0, 0.5)"); earth.append("path") .attr("d", path({type: "Point", coordinates: location})) .attr("stroke", 'red') .attr("stroke-width", .5) .attr("fill", clp) .append("title") //displays content on mouse hovering .text(d => city); }4b:[{"id":"ba17df57a4a9d1ac238f051aaf3b7423e8773cbfef6bba6cfba33b66397a2dfb1304705edd389368881e4f03f2f24333e2321cd306bbc7f08a3b502e95a38fbe","href":"https://static.observableusercontent.com/files/ba17df57a4a9d1ac238f051aaf3b7423e8773cbfef6bba6cfba33b66397a2dfb1304705edd389368881e4f03f2f24333e2321cd306bbc7f08a3b502e95a38fbe","name":"mooninfo_2023.json","type":"application/json","lastModified":1674192508645.982,"size":2093728}] 43:{"id":"1c62610525e3915e","slug":null,"title":"Moon Phase & Libration, 2023","thumbnail":"880fdaa55d51cd199ca59409bbdbfe62423610731eefa7f48eaede0c3ac6144a","access_level":"public","create_time":"$D2023-01-20T05:28:28.645Z","update_time":"$D2023-01-20T05:28:28.645Z","view_time":null,"first_public_time":"$D2023-01-20T05:28:28.645Z","has_unpublished_edits":null,"fork":{"id":"b5ca8f816fcd9fa3","slug":"the-moon-in-2022","title":"Moon Phase & Libration, 2024","owner":{"id":"f2c21786e0c9f50c","login":"cadasa","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"17521a73b4bf5369","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":"starter_2024","bio":"","following":false},"version":1547,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"92c6c0b7fc90056e","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"92c6c0b7fc90056e","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Moon Phase & Libration, 2023","cells":[{"id":817,"value":"title = md`# Moon Phase & Libration, 2023\n${viewof vec2H}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1165,"value":"lucal = md`#### Lunar Calendar: ${convertSolar2Lunar(new Date(lcd).getDate(), new Date(lcd).getMonth()+1, new Date(lcd).getFullYear(), tzh)[0]}/${convertSolar2Lunar(new Date(lcd).getDate(), new Date(lcd).getMonth()+1, new Date(lcd).getFullYear(), tzh)[1]} Âm Lịch - ${lcd.replace('UT','')} @${city}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"combined = html`\n
\n \n \n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1202,"value":"caption = html`${Ram}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1452,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1178,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"Plot.plot({\n marks: [\n Plot.tickX(hours, { x: \"t\", stroke: \"phase\" }),\n Plot.dot([hour], { x: \"t\", stroke: \"salmon\", r: 3 })\n ],\n x: { label: null },\n color: { range: [\"darkgray\", \"white\"] },\n marginTop: 1,\n marginLeft: 70,\n marginBottom: 20,\n height: 26,\n width: width - 148\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1110,"value":"viewof vec2H = list([viewof location,\n viewof hour], \n { columns: 2})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"viewof hour = Scrubber(hours, {\n initial: new Map(hours.map((value, key) => [value.time, key])).get(today),\n autoplay: false,\n format: (hour) => hour.time,\n delay: 50,\n loop: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":814,"value":"viewof location = {\n const form = html`
\n \n \n
`;\n const formatLocation = ([x, y]) => [\n ` ${Math.abs(y).toFixed(4)}°${y > 0 ? \"N\" : \"S\"}`,\n `${Math.abs(x).toFixed(4)}°${x > 0 ? \"E\" : \"W\"}`\n ].join(\", \");\n form.b.onclick = async event => {\n form.value = await new Promise((resolve, reject) => {\n navigator.geolocation.getCurrentPosition(\n ({coords: {longitude, latitude}}) => resolve([longitude, latitude]),\n reject\n );\n form.o.value = \"Locating…\";\n });\n form.o.value = formatLocation(form.value);\n form.dispatchEvent(new CustomEvent(\"input\"));\n };\n form.value = Object.assign([105.804817, 21.028511]);\n form.o.value = formatLocation(form.value);\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"The videos are timed to correspond to an entire year. NASA also publishes hourly calculations for the entire year. So, the index of the current hour can be used to set the videos to the proper timestamp.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1400,"value":"d3\n .json(`https://timezones-api.datasette.io/timezones/by_point.json?longitude=${location[0]}&latitude=${location[1]})`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1373,"value":"tz = gettz(location)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"gettz = ([lon,lat]) =>\n d3\n .json(`https://timezones-api.datasette.io/timezones/by_point.json?longitude=${lon}&latitude=${lat}`)\n .then((r) => r.rows[0][0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1340,"value":"city = getcity(location)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1342,"value":"getcity = ([lon,lat]) =>\n d3\n .json(`https://nominatim.openstreetmap.org/reverse.php?lat=${lat}&lon=${lon}&zoom=10&format=jsonv2`)\n .then((r) => r.display_name)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"lunar=convertSolar2Lunar(new Date(lcd).getDate(), new Date(lcd).getMonth()+1, new Date(lcd).getFullYear(), tzh)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"date = new Date(hour.time)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1433,"value":"tzh = (new Date(lcd) - date)/60/60/1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1394,"value":"new Date(lcd).getUTCHours()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1355,"value":"lcd = (date.toLocaleString('en-GB', {\n day: \"2-digit\",\n month: \"short\",\n hour: \"numeric\", \n year: \"numeric\",\n //minute: \"numeric\", \n //second: \"numeric\",\n timeZone: tz\n}).split(':').join('')+\":00 UT\").replace(',','').replace('pt','t')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":930,"value":"dayOfYear = (date) => {\n const yearStart = new Date(date.getFullYear(), 0, 1);\n const yearStartutc = Date.UTC(yearStart.getFullYear(), yearStart.getMonth(), yearStart.getDate(), yearStart.getHours(), yearStart.getMinutes(), yearStart.getSeconds());\n const dateutc = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());\n return Math.floor((dateutc - yearStartutc)/86400000) + 1\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"height = 0.5 * width;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"videoTime = orbit.currentTime = moon.currentTime = (hour.i / (hours.length - 1)) * duration","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"duration = Generators.observe((change) => {\n const inputted = () => change(moon.duration);\n moon.pause();\n moon.addEventListener(\"loadedmetadata\", inputted);\n change(moon.duration || 292);\n return () => moon.removeEventListener(\"loadedmetadata\", inputted);\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"moon = combined.querySelector(\"video.moon\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"orbit = combined.querySelector(\"video.orbit\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"today = (new Date().toLocaleString('en-GB', {\n day: \"2-digit\",\n month: \"short\",\n hour: \"2-digit\", \n year: \"numeric\",\n //minute: \"numeric\", \n //second: \"numeric\",\n timeZone: \"UTC\"\n}).split(':').join(' ')+\":00 UT\").replace(',','').replace('pt','t')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"new Map(hours.map((value, key) => [value.time, key])).get(today)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"hours = (await FileAttachment(\"mooninfo_2023.json\").json()).map((d, i) => ({\n ...d,\n i,\n t: parse(d.time)\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"mooninfo_2022 = FileAttachment(\"mooninfo_2023.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"parse = d3.utcParse(\"%d %b %Y %H:%M UT\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":370,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"//import { Scrubber } from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1515,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":705,"value":"import {colors, EventType, dayLength, getSolarAngle, yearDates, toDegrees, toRadians, geocircle, graticule, land, countries2, countries_obj2, tooltip} from \"@cadasa/dst\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1008,"value":"import {convertSolar2Lunar} from \"@cadasa/sncc\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1107,"value":"import { list } from \"@stwind/input-list\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1455,"value":"mapboxgl = {\n const gl = require(\"mapbox-gl@2\");\n if (!gl.accessToken) {\n // token allowed only this Observable\n gl.accessToken =\n \"pk.eyJ1IjoidG9mZmkiLCJhIjoiY2lvMDBxMzR3MDB1eHZza2x4NGI2YjI5OSJ9.IEaNA05pWbT92nOu-lEOYw\";\n const href = await require.resolve(\"mapbox-gl@2/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1466,"value":"mutable destination = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1468,"value":"turf = require(\"@turf/turf\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1480,"value":"GeoJSONTerminator = {\n return require('@webgeodatavore/geojson.terminator@1.0.2/GeoJSON.Terminator.js')\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 44:"$43:body"