30:Ta20,moonGridCut = { const titleText = renderTextPaths(title, { font: 'futural', size: 14, gap: 3, space: 7, color: '#eee', anchor: 'middle' }); return html``; }31:[{"id":"94da159612d20d374ef1a061e0f52adec31197d292c2f9aa4378a1bd69da69a79ea24d6261e60021c4a869cdd82d73ac1236d033129855565533f1de61183823","href":"https://static.observableusercontent.com/files/94da159612d20d374ef1a061e0f52adec31197d292c2f9aa4378a1bd69da69a79ea24d6261e60021c4a869cdd82d73ac1236d033129855565533f1de61183823","name":"moon grid cut.jpg","type":"image/jpeg","lastModified":1606813479301.035,"size":149733}] 2e:{"title":"Moon Grid (paper)","cells":[{"id":0,"value":"md`# Moon Grid (paper)\n\nThree layer papercut, white ink.\n\n![moon grid cut from 3 layers of paper](${await FileAttachment(\n \"moon grid cut.jpg\"\n).url()})\n[on Instagram](https://www.instagram.com/p/B7jSWgIhcta/)\n\n---\n\nOpen design, with inspiration from [opendesk.cc](https://www.opendesk.cc/). If you sell things made from this design, may I suggest a “design royalty” or tip of 8%, to encourage future development. 🙇‍♂️\n\n $\"Creative$
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1055,"value":"md`## Customize`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1062,"value":"viewof title = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1070,"value":"viewof coords = worldMapCoordinates({ value: [24.95, 60.19], width })","pinned":false,"hidden":false,"mode":"ojs"},{"id":479,"value":"viewof startDateInput = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1188,"value":"startDate = startDateInput instanceof Date\n ? startDateInput\n : new Date(startDateInput)","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"viewof endDateInput = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1192,"value":"endDate = endDateInput instanceof Date ? endDateInput : new Date(endDateInput)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1119,"value":"viewof cut = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":1058,"value":"md`## Drawing code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":896,"value":"blackCuts = days.map((d, i) => {\n // Full circles\n const x = dayScale(d, i);\n const y = rowScale(d, i);\n return pathCircle(x, y, MOON_R);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1025,"value":"pathCircle = (x, y, r) =>\n `M ${x - r} ${y} A ${r} ${r} 180 1 0 ${x + r} ${y} A ${r} ${r} 180 1 0 ${x -\n r} ${y}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":918,"value":"whiteCuts = days.map((d, i) => {\n // Dark side of moon\n const x = dayScale(d, i);\n const y = rowScale(d, i);\n const time = d3.timeHour.offset(d, 12); // 12 for noon\n\n const { phase, angle } = suncalc.getMoonIllumination(time);\n const lightAngle = 180 - phase * 360;\n const darkAngle = 180 + lightAngle;\n\n const [latitude, longitude] = coords;\n // const { rise } = suncalc.getMoonTimes(d, latitude, longitude, true);\n // return rise;\n\n const { parallacticAngle } = suncalc.getMoonPosition(\n time,\n latitude,\n longitude\n );\n const rotationZ = ((angle - parallacticAngle) / TAU) * 360; // * -1;\n\n // Close enough to full moon; too small to cut\n if (Math.abs(lightAngle) < 8) return '';\n\n return (\n projection.rotate([darkAngle, 0, rotationZ]).translate([x, y]),\n path(hemisphere)\n );\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1032,"value":"registrationCuts = {\n const REG_RADIUS = inch(1 / 64);\n const MARGIN = inch(1 / 4) + REG_RADIUS;\n return [\n pathCircle(MARGIN, MARGIN, REG_RADIUS), // TL\n pathCircle(width - MARGIN, MARGIN, REG_RADIUS), // TR\n pathCircle(width - MARGIN, height - MARGIN, REG_RADIUS), // BR\n pathCircle(MARGIN, height - MARGIN, REG_RADIUS) // BL\n ];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"year = startDate.getUTCFullYear()","pinned":true,"hidden":false,"mode":"ojs"},{"id":520,"value":"inch = n => pRound(n * 72)","pinned":true,"hidden":false,"mode":"ojs"},{"id":519,"value":"WIDTH = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":524,"value":"HEIGHT = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":734,"value":"MOON_R = 14","pinned":true,"hidden":false,"mode":"ojs"},{"id":975,"value":"//moonGridCutCompile = compileSVG(moonGrid)","pinned":true,"hidden":false,"mode":"ojs"},{"id":435,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":651,"value":"TAU = Math.PI*2","pinned":true,"hidden":false,"mode":"ojs"},{"id":653,"value":"radians = n => n/360 * TAU","pinned":true,"hidden":false,"mode":"ojs"},{"id":635,"value":"pointOnArc = (r, a) =>\n pRound(Math.sin(radians(a)) * r) + \" \" + pRound(Math.cos(radians(a)) * r)","pinned":true,"hidden":false,"mode":"ojs"},{"id":647,"value":"pRound = n => Math.round(n * 100000) / 100000","pinned":true,"hidden":false,"mode":"ojs"},{"id":820,"value":"isoDate = d => d.toISOString().split('T')[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":140,"value":"projection = d3\n .geoOrthographic()\n .translate([0, 0])\n .scale(MOON_R)","pinned":true,"hidden":false,"mode":"ojs"},{"id":145,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"hemisphere = d3.geoCircle()()","pinned":true,"hidden":false,"mode":"ojs"},{"id":872,"value":"ROWS = 13","pinned":true,"hidden":false,"mode":"ojs"},{"id":876,"value":"COLS = 28","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"dayScale = {\n const scale = d3\n .scalePoint()\n .domain(d3.range(COLS))\n .range([margin.left, width - margin.right])\n .padding(1);\n return (d, i) => {\n return pRound(scale(i % COLS));\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"rowScale = {\n const scale = d3\n .scalePoint()\n .domain(d3.range(ROWS))\n .range([margin.top, height - margin.bottom])\n .padding(1);\n return (d, i) => {\n const offset = i % 2 !== 0 ? (MOON_R * 4) / 3 : 0;\n return pRound(scale(Math.floor(i / COLS)) + offset);\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"days = {\n const oneDay = 24 * 60 * 60 * 1000;\n return d3.timeDay.range(startDate - oneDay, endDate);\n}","pinned":true,"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":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"width = inch(WIDTH)","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"height = inch(HEIGHT)","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"margin = ({\n top: inch(3 / 4),\n right: inch(1 / 2),\n bottom: inch(1 / 2),\n left: inch(1 / 2)\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":804,"value":"md`## Libs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"suncalc = require(\"suncalc@1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":695,"value":"import { renderTextArray, renderTextPaths } from '@meetamit/hershey-fonts'","pinned":true,"hidden":false,"mode":"ojs"},{"id":834,"value":"import { compileSVG } from '@forresto/svg-to-cnc'","pinned":true,"hidden":false,"mode":"ojs"},{"id":1068,"value":"import { worldMapCoordinates } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}