${d.toLocaleDateString()}

31:[] 2f:{"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"},{"id":4,"value":"chart = html`\n \n ${months.map(d => {\n const formatMonth = d3.timeFormat(\"%B\");\n return svg`\n ${formatMonth(d)}\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"},{"id":244,"value":"DOM.download(await serialize(chart))","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"viewof year = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"projection = d3.geoOrthographic()\n .translate([0, 0])\n .scale(10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"hemisphere = d3.geoCircle()()","pinned":false,"hidden":false,"mode":"ojs"},{"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":false,"hidden":false,"mode":"ojs"},{"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":false,"hidden":false,"mode":"ojs"},{"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":false,"hidden":false,"mode":"ojs"},{"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":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"width = 964","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"height = 480","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"margin = ({top: 0, right: 0, bottom: 0, left: 60})","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"suncalc = require(\"suncalc@1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":241,"value":"import {serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}