${d.toLocaleDateString()}

25:["$","title",null,{"children":"Phases of the Moon | marlow deneal | Observable"}] 49:[] 29:{"id":"b7c4c48ab5a0955a","slug":null,"title":"Phases of the Moon","thumbnail":"a04b82f8bd48fa7d52d81bab5af592c831fb81397118a97bc2b75dde76637014","access_level":"public","create_time":"$D2023-10-20T02:54:17.736Z","update_time":"$D2023-10-20T02:54:17.736Z","view_time":null,"first_public_time":"$D2023-10-20T02:54:17.736Z","has_unpublished_edits":null,"fork":{"id":"d023ca6992ad3177","slug":"phases-of-the-moon","title":"Phases of the Moon","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1dd8a7f5cbbe3892","login":"marlow","name":"marlow deneal","avatar_url":"https://avatars-next.observableusercontent.com/74c4b6c1dec20f433604141173d89ecbcc00b42c4df6539eb41e5efb2940bb7d","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":460,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0fd8cc0ebc06ad87","login":"marlow","name":"marlow deneal","avatar_url":"https://avatars-next.observableusercontent.com/74c4b6c1dec20f433604141173d89ecbcc00b42c4df6539eb41e5efb2940bb7d","tier":null,"bio":"Traditional artist digital artist exploring the wonderful world of today through data visualization art ai exploring creating exploring creating more thank you d3 observable you help me to explore new possibilities 😀 ","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"0fd8cc0ebc06ad87","login":"marlow","name":"marlow deneal","avatar_url":"https://avatars-next.observableusercontent.com/74c4b6c1dec20f433604141173d89ecbcc00b42c4df6539eb41e5efb2940bb7d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Phases of the Moon","cells":[{"id":0,"value":"md`# Phases of the Moon\n\nFor the year ${year}, in the style of [Irwin Glusker](https://www.moma.org/explore/inside_out/2012/10/16/a-paean-to-the-phases-of-the-moon/).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"chart = html`\n \n ${months.map(d => {\n return svg`\n ${d.toLocaleString(locale, {month: \"long\"})}\n `;\n })}\n \n \n ${days.map(d => {\n const noon = d3.timeHour.offset(d, 12);\n const illum = suncalc.getMoonIllumination(noon);\n const angle = 180 - illum.phase * 360;\n return svg`\n \n ${d.getDate()}\n \n ${d.toLocaleDateString()}\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":78,"value":"viewof year = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"viewof locale = {\n const form = md``;\n form.input.oninput = event => {\n if (form.input.value) {\n try { (new Date).toLocaleString(form.input.value); }\n catch (error) { return event.stopImmediatePropagation(); }\n }\n form.value = form.input.value || undefined;\n form.dispatchEvent(new CustomEvent(\"input\"));\n };\n form.onsubmit = event => event.preventDefault();\n form.value = Promise.resolve();\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":435,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"projection = d3.geoOrthographic()\n .translate([0, 0])\n .scale(10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"hemisphere = d3.geoCircle()()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"dayScale = {\n const scale = d3.scalePoint()\n .domain(d3.range(1, 40))\n .range([margin.left, width - margin.right])\n .padding(1);\n return d => {\n const start = d3.timeMonth(d);\n const offset = start.getDay() || 7;\n return scale(d.getDate() + offset);\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"monthScale = {\n const scale = d3.scalePoint()\n .domain(d3.range(12))\n .range([margin.top, height - margin.bottom])\n .padding(1);\n return d => scale(d.getMonth());\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"days = {\n const now = new Date(year, 0, 1);\n const start = d3.timeYear(now);\n return d3.timeDays(start, d3.timeYear.offset(start, 1));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"months = {\n const now = new Date(year, 0, 1);\n const start = d3.timeYear(now);\n return d3.timeMonths(start, d3.timeYear.offset(start, 1));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"width = 975","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"height = 480","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"margin = ({top: 0, right: 0, bottom: 0, left: 60})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"suncalc = require(\"suncalc@1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null