28:null 29:["$","title",null,{"children":"Calendar | strawdog | Observable"}] 2e:T8cf,md`# Calendar A circular calendar. This is a complete rework of the circular calendar originally described here https://foulab.org/projects/strawdog/circular-calendar/ All in one language now, and a popular one at that! Abstraction has been much improved - style is now controlled nearly entirely by a CSS, while the layout is highly parameterized. Localization to other languages SHOULD be easier. The SVG can be downloaded by clicking to the left of it. SVG _should_ be easily printable at any desired size, although this can be surprisingly annoying. A workflow that seems to work for me 1. Create the SVG with the bounding box (otherwise things get cut off) 2. Download it (loading in inkscape now the fonts are wrong) 3. Load it into the browser 4. Print to PDF (this captures the fonts) 5. Load in inkscape, 6. Remove unwanted crud, page number, header bouding box, etc 7. Resize document to content 8. Save as PDF
_optionally_ 9. pdf2ps to get postscript 10. use poster to map across multiple pages

    poster -mLet -p2x1Let -w5% -v calendar_2021.ps >calendar_2021_2page.ps

11. use ps2pdf to convert back to pdf Known issues + probable inaccuracies in astronomical calculations. Suncalc is used, but I already have caught some inconsistencies. See https://github.com/mourner/suncalc/issues/150 2021 moon phase manually entered + dominant baseline would be the right way to lay out the text, but Inkscape fails to support it since 2011 https://bugs.launchpad.net/inkscape/+bug/811862 + Untested (and will probably fail) - for timezones more than about 12hrs from UTC - southern hemisphere - polar day/night - nonenglish localization + events I haven't implemented a calculation for are only entered for 2021 + there is a todo list of things to calculate rather than list - Easter - Chinese New Year - Hannukah - Ramadan - seasons, equinox, solstice + Kwanzaa wraps around Dec 31 - Jan 1, which makes it hard to show, not shown for now. + sometimes things are listed day/month/year vs month/day/year should be consistent. + Mostly consistent that tables of information list months as Jan=1, but javascript says that Jan=0, and this conversion is not fully consistent everywhere. `2f:T618,chart = { let height = width; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const stylesheetnode=svg.append("style").attr("type","text/css").text(stylesheet); const frame=svg.append("g"); // page border if (parameters['parts']['bounding_box']) { add_rectangle(frame,[0,0],[width,width]).attr("class","outerbox"); } const g_centered = frame.append("g").attr("transform", `translate(${width/2}, ${height/2})`); let cal=CalendarConstructor(parameters,g_centered,width); CalendarBuildHolidays(cal,common_events); CalendarBuildHolidays(cal,astronomical_events); CalendarBuildCustomEvents(cal,custom_events); CalendarDrawSpanEvents(cal,span_events); CalendarDrawMonths(cal); CalendarDrawDst(cal); CalendarDrawMoonAndSun(cal); if (cal.parameters['parts']['zodiac']) { let ir=cal.parameters['parts']['zodiac'][0]; let or=cal.parameters['parts']['zodiac'][1]; CalendarDrawWedges(cal,ir,or,zodiac_dates,"zodiac"); } if (cal.parameters['parts']['seasons']) { let ir=cal.parameters['parts']['seasons'][0]; let or=cal.parameters['parts']['seasons'][1]; CalendarDrawWedges(cal,ir,or,season_dates,"seasons"); } CalendarDrawMoonPhase(cal); CalendarDrawEventText(cal); CalendarFinalize(cal); //-----------------Interactivity------------------------------------ svg.call(d3.zoom() .extent([[0, 0], [width, height]]) .scaleExtent([0.5, 8]) .on("zoom", zoomed)); function zoomed({transform}) { frame.attr("transform", transform); } return svg.node(); }30:T627,parameters=({ "year": 2021, "location": "Montreal", "timezone": "America/Montreal", "latitude": 45.4833333333333, "longitude": -73.583333333333, // negative is west "locale": 'default', // for month names and such "gap": 3.25, // This is an abstract way of specifying the radius // inner_radius_fraction is the minimum interior size // radial step fraction, is the step per unit of arbitrary radius // these are in fractions of width. // This is because it is much easier to think in units of 1 radius, 2 radii // than some complicated decimal "inner_radius_fraction": 0.10, "radial_step_fraction": 0.022, "text_offset": -4, "radial_text_pad": "\xa0\xa0", // xa0 is non breaking space "radial_text_separator": " | ", "month_text_fraction": 0.37, // specifically for the month with date, day of year "date_text_fraction": 0.8, "day_text_fraction": 0.9, "sunmoon_hours_text_offset": 2, // specifically for the text on the sunmoon times // comment any of these out to exclude them // The two numbers, for most of them, are the inner and outer radii, specified in the // abstract way defined above. "parts": { 'bounding_box': [], 'dst': [1,2], 'seasons': [2,3], 'zodiac': [3,4], 'monthsdays': [4,5.5], 'eventtext': [8.7], 'centraltext':[], 'moonphase':[8.35,7.9,6],//center_radius,text_radius,moon_radius 'sunmoon':[6.8,7.8], 'spanevents':[5.5,12] //inner_radius,radial_step } }) 31:T849,// Basically I'm writing a class spread over several blocks. Making matters worse, classes aren't hoisted, // so to follow usual observable practice and put it at the bottom, needs to be a factory. // A class is only a structure that passes itself first to functions within it, so imitating that. // There has to be a better way and I see myself refactoring this in future. function CalendarConstructor(theParameters,mainGroup, width) { var struct=new Object(); struct.parameters=theParameters; // Inner group, centered struct.g_fill= mainGroup.append("g"); struct.g_overlay= mainGroup.append("g"); // Short names for some parameters, and frequently used functions for brevity struct.yr= theParameters["year"]; struct.numdays= isLeapYear(struct.yr)?366:365; struct.iRad= theParameters["inner_radius_fraction"]*width; struct.sa= theParameters["gap"]/2.; struct.ea=-struct.sa; struct.tz=theParameters["timezone"]; struct.da=(360-theParameters['gap'])/struct["numdays"]; struct.locale=theParameters['locale']; struct.rad2pixel=(r) => { return r*theParameters["radial_step_fraction"]*width+struct["iRad"]; }; struct.pixel2rad=(r) => { return (r-struct["iRad"])/theParameters["radial_step_fraction"]/width; }; struct.bound=(step,theClass) => { // Part circle, separating sections const r=struct.rad2pixel(step); var p=d3.path(); const sa_line=toRadians(-90-struct.sa); const sa_arc=toRadians(struct.sa+180); const ea_arc=toRadians(struct.ea+180); p.moveTo(Math.sin(sa_line)*r,Math.cos(sa_line)*r); p.arc(0,0,r,sa_arc,ea_arc); var z=struct.g_overlay.append("path") .attr("d",p.toString()) .attr("class",theClass); return z; }; struct.bounds=new Set(); // Days struct.days=theDays(struct.yr); struct.days_index=make_day_index(struct.days); // Some guide marks //add_crosshair(struct.g_overlay,[0,0],10,{"class": "crosshair"}); //add_crosshair(struct.g_overlay,[350,350],10,{"class": "crosshair"}) //add_crosshair(struct.g_overlay,[-350,-350],10,{"class": "crosshair"}) return struct; } 32:T567,// events can be fixed (same date every year) // or rule month, weekday, count common_events=[ ["New Year's Day", 'fixed',1,1, 'holiday'], ["Groundhog Day", 'fixed',2,2, 'event'], ["Valentine's Day", 'fixed',2,14,'event'], ["Family Day", 'rule1',2,0,3,'event'], // third monday in february ["St. Patrick's Day", 'fixed',3,17,'event'], ["April Fool's Day", 'fixed',4,1,'event'], ["Earth Day", 'fixed',4,22,'event'], ["Victoria / Patriot's Day", 'rule2',5,0,25,'holiday'], // victoria day / patriots day last monday before May 25 ["Mother's Day",'rule1',5,6,2,'event'], // second sunday in May in US/Canada ["Father's Day",'rule1',6,6,3,'event'], // third sunday in June ["St. Jean Baptiste Day",'fixed',6,24,'holiday'], ["Canada Day", 'fixed',7,1, 'holiday'], ["Independence Day (US)", 'fixed',7,4, 'event'], ["New Brunswick Day", 'rule1',8,0,1,'event'], // civic holiday for some ["Labour Day", 'rule1',9,0,1,'holiday'], // first monday september ["Thanksgiving (CAN)",'rule1',10,0,2,'holiday'], // second monday october ["Halloween","fixed",10,31,'event'], ["Remembrance Day", 'fixed',11,11,'event'], ["Thanksgiving (US)", 'rule1',11,3,4,'event'], // fourth thursday november ["Christmas Day", 'fixed',12,25, 'holiday'], ["Boxing Day", 'fixed',12,26, 'holiday'], ]; 33:Tf2c,// birthday - for someone still alive // birth - for someone deceased // death - obvious // event custom_events=[ ['Linus Torvalds', 12, 28, 1969, 'birthday'], ['Donald Knuth', 1, 10, 1938, 'birthday'], ['Charles Babbage', 12, 26, 1791, 'birth'], ['Charles Babbage', 10, 18, 1871, 'death'], ['Ada Lovelace', 12, 10, 1815, 'birth'], ['Ada Lovelace', 11, 27, 1852, 'death'], ['Grace Hopper', 12, 9, 1906, 'birth'], ['Grace Hopper', 1, 1, 1992, 'death'], ['Alan Turing', 6, 23, 1912, 'birth'], ['Alan Turing', 6, 7, 1954, 'death'], ['Alexander Graham Bell', 3, 3, 1847, 'birth'], ['Alexander Graham Bell', 8, 2, 1922, 'death'], ['Philo Farnsworth', 8, 19, 1906, 'birth'], ['Philo Farnsworth', 3, 11, 1971, 'death'], ['Robert Morris', 11, 8, 1965, 'birthday'], ['Richard Stallman', 3, 16, 1953, 'birthday'], ['Margaret Hamilton', 8, 17, 1936, 'birthday'], ['Electronic Frontier Foundation founded', 7, 10, 1990, 'event'], ['Morris worm deployed', 11, 2, 1988, 'event'], ['Free Software Foundation founded', 10, 4, 1985, 'event'], ['John von Neumann', 12, 28, 1903, 'birth'], ['John von Neumann', 2, 8, 1957, 'death'], ['Seymour Cray', 9, 28, 1925, 'birth'], ['Seymour Cray', 10, 5, 1996, 'death'], ['HAL 9000 operational', 1,12,1997,'event'], ['Skynet became sentient',8,4,1997,'event'], ['UNIX time started',1,1,1970,'event'], ['Intel 4004 released',11,15,1971,'event'], /*REM Oct 2 MSG BIR:Martin_Edward_Hellman's_[ord(year(trigdate())-1945)]_birthday REM Jun 5 MSG BIR:Bailey_Whitfield_'Whit'_Diffie's_[ord(year(trigdate())-1944)]_birthday REM Nov 16 MSG BIR:Gene_Myron_Amdahl_born_[year(trigdate())-1922]_years_ago REM Nov 10 MSG BIR:Gene_Myron_Amdahl_died_[year(trigdate())-2015]_years_ago REM Jan 3 MSG BIR:Gordon_Earle_Moore's_[ord(year(trigdate())-1929)]_birthday REM Feb 4 MSG BIR:Lotfali_Askar_Zadeh_born_[year(trigdate())-1921]_years_ago REM Sep 6 MSG BIR:Lotfali_Askar_Zadeh_died_[year(trigdate())-2017]_years_ago REM Nov 16 MSG BIR:David_Andrew_Patterson's_[ord(year(trigdate())-1947)]_birthday REM May 20 MSG BIR:Michael_J._Flynn's_[ord(year(trigdate())-1934)]_birthday REM Jan 19 MSG BIR:John_L._Gustafson's_[ord(year(trigdate())-1955)]_birthday #REM Feb 3 MSG BIR:George_Armitage_Miller's_[ord(year(trigdate())-1920)]_birthday # died july 22 2012, but really does he fit on this calendar REM Oct 28 MSG BIR:Bill_Gates'_[ord(year(trigdate())-1955)]_birthday REM Feb 4 MSG BIR:Ken_Thompson's_[ord(year(trigdate())-1943)]_birthday REM Dec 30 MSG BIR:Bjarne_Stroustrup's_[ord(year(trigdate())-1950)]_birthday REM Dec 16 MSG BIR:Emmanuel_Goldstein's_[ord(year(trigdate())-1959)]_birthday REM Feb 24 MSG BIR:Steve_Jobs_born_[year(trigdate())-1955]_years_ago REM Oct 5 MSG BIR:Steve_Jobs_died_[year(trigdate())-2011]_years_ago REM Sep 9 MSG BIR:Dennis_Ritchie_born_[year(trigdate())-1941]_years_ago REM Oct 12 MSG BIR:Dennis_Ritchie_died_[year(trigdate())-2011]_years_ago REM Sep 4 MSG BIR:John_McCarthy_born_[year(trigdate())-1927]_years_ago REM Oct 24 MSG BIR:John_McCarthy_died_[year(trigdate())-2011]_years_ago REM Apr 30 MSG BIR:Claude_Elwood_Shannon_born_[year(trigdate())-1916]_years_ago REM Feb 24 MSG BIR:Claude_Elwood_Shannon_died_[year(trigdate())-2001]_years_ago REM Aug 9 MSG BIR:David_Albert_Huffman_born_[year(trigdate())-1925]_years_ago REM Oct 7 MSG BIR:David_Albert_Huffman_died_[year(trigdate())-1999]_years_ago REM Nov 2 MSG BIR:George_Boole_born_[year(trigdate())-1815]_years_ago REM Dec 8 MSG BIR:George_Boole_died_[year(trigdate())-1864]_years_ago REM Mar 2 MSG BIR:Murray_Newton_Rothbard_born_[year(trigdate())-1926]_years_ago REM Jan 7 MSG BIR:Murray_Newton_Rothbard_died_[year(trigdate())-1995]_years_ago REM Jul 22 MSG BIR:Donald_Olding_Hebb_born_[year(trigdate())-1904]_years_ago REM Aug 20 MSG BIR:Donald_Olding_Hebb_died_[year(trigdate())-1985]_years_ago */ ]; 34:T5dd,function CalendarBuildHolidays(c, events) { // Mark events with fixed date function insert_in_days(ev) { if (ev[1]=='fixed') { let idx=c.days_index[ev[2]-1][ev[3]]; c.days[idx].events.push(ev); if (ev[4]=="holiday") { c.days[idx].isholiday=true; } } } events.forEach(insert_in_days); // Find events based on rules like "First monday" let rule1_based_events=[]; let rule2_based_events=[]; function insert_if_rule(ev) { if (ev[1]=='rule1') rule1_based_events.push(ev); if (ev[1]=='rule2') rule2_based_events.push(ev); } events.forEach(insert_if_rule); let m=-1; let dayscounter=[0,0,0,0,0,0,0]; for(let i=0;i=ev[4]) { console.log(ev); c.days[i].events.push([ev[0],ev[1],m+1,c.days[i]['dom'],ev[5]]) if (ev[4]=="holiday") { c.days[i].isholiday=true; } } } rule2_based_events.forEach(rule2_match); } }35:T449,//add_span(base_item,loc,radii,angles,attributes={}) function CalendarDrawSpanEvents(c, events,inner_radius,radial_step) { if (c.parameters.parts['spanevents']) { const inner_radius=c.parameters['parts']['spanevents'][0]; const radial_step=c.parameters['parts']['spanevents'][1]; let r1=c.rad2pixel(inner_radius); let dr=radial_step; //c.rad2pixel(radial_step); function process_span(s) { console.log(s) let start_idx=c.days_index[s[1]-1][s[2]]; let end_idx=c.days_index[s[3]-1][s[4]]; let startdelta=0; for (let i=start_idx;i<=end_idx;++i) { if (c.days[i]["spancount"]>startdelta) {startdelta=c.days[i]["spancount"];} c.days[i]["spancount"]++; } let start_angle=c.sa+c.da*start_idx; let end_angle=c.sa+c.da*(end_idx+1); add_span(c.g_overlay,[0,0],[r1,r1+dr*(startdelta+0.5)],[start_angle,end_angle], {"class":`line span ${s[5]}` }); add_arc_text(c.g_overlay,s[0],[0,0],r1+dr*(startdelta+0.75),(start_angle+end_angle)/2, {"class":`label span ${s[5]}`}); } events.forEach(process_span); } } 36:Ta3c, function CalendarDrawMonths(c) { if (c.parameters.parts['monthsdays']) { const inner_radius=c.parameters['parts']['monthsdays'][0]; const outer_radius=c.parameters['parts']['monthsdays'][1]; let m=c.days[0]['month']; let monthname=c.days[0]['date'].toLocaleString(c.locale,{month: 'long'}); let start=0; let boundaries=[c.sa]; let boundary_count=1; const r1=c.rad2pixel(inner_radius); const r2=c.rad2pixel(outer_radius); c.bounds.add(inner_radius); c.bounds.add(outer_radius); const delta=r2-r1; const r_month_text=r1+c.parameters['month_text_fraction']*delta; const r_day_text=r1+c.parameters['date_text_fraction']*delta; const r_doy_text=r1+c.parameters['day_text_fraction']*delta; function getState(i) { if (c.days[i].isholiday) return "holiday"; if (c.days[i]['dow']==0 || c.days[i]['dow']==6) {return "weekend";} return "weekday"; } let state=getState(0); let lastbound=0; function emit_day_block(from_idx,to_idx,theClass) { add_wedge(c.g_fill,[0,0],[r1,r2], [c.sa+c.da*from_idx,c.sa+c.da*to_idx], {"class":`wedge day ${theClass}`}); } function emit_month(i) { boundaries[boundary_count]=c.sa+i*c.da; boundary_count++; //add_wedge(g_fill,[0,0],[r1,r2], // [boundaries[boundary_count-2],boundaries[boundary_count-1]], // {"fill":color, "stroke":"none"}); add_arc_text(c.g_overlay,monthname,[0,0],r_month_text, (boundaries[boundary_count-2]+boundaries[boundary_count-1])/2, {"class": "label month"}); } for(let i=0;i0) { add_radial(c.g_overlay,[0,0],[r1,r2],c.sa+start_idx*c.da, {"class": `line radial ${classname}`}); } if (title) { add_arc_text(c.g_overlay,title,[0,0],rt, (c.sa+start_idx*c.da+c.sa+end_idx*c.da)/2, {"class":`label ${classname}`} ); } } } 3b:T43a,//add_text(base_item,theText,loc,angle,attributes={}) function CalendarDrawEventText(c) { if (c.parameters.parts['eventtext']) { const radius=c.parameters['parts']['eventtext'][0]; let r=c.rad2pixel(radius); const textpad=c.parameters['radial_text_pad']; for (let i=0; i0) { let dom=d['dom']; // useing i+.25 here puts baseline of text at start of day, which is what we want const angle=c.sa+(i+.25)*c.da; const a0_line=toRadians(-90-angle); const coords=[Math.sin(a0_line)*r,Math.cos(a0_line)*r]; let eventtext=[]; function addeventtext(ev) { if (eventtext.length > 0) {eventtext.push(["tspanseparator",c.parameters['radial_text_separator']]);} eventtext.push([ev[4],ev[0]+textpad]);} d.events.forEach(addeventtext); eventtext.push(['date',`${textpad}(${dom})`]); add_tspans(c.g_overlay, eventtext, coords, angle, {"class": `label radial`}); } } } } 3c:Ta0c,stylesheet=` /* basics and unique items */ .outerbox { stroke: yellow; stroke-width: 3; fill: none; } .crosshair { stroke: gray; stroke-width:0.5; fill: none } .line { stroke: black; stroke-width: 1; fill: none; } .wedge { stroke: none; } .label { font-family: serif; stroke-linejoin: round; stroke-width: 3; text-anchor: middle; /* dominant-baseline: middle; // the right way, but fails in inkscape */ } .label.year {font-size: 48px;} .label.reference {font-size: 8px;} .label.radial {text-anchor: end; font-size: 5px;} .radialtspan.holiday {fill: red;} .radialtspan.event {fill: magenta;} /* days */ .wedge.day.weekday { fill: rgb(95%,95%,100%); } .wedge.day.weekend { fill: rgb(83%,83%,95%); } .wedge.day.holiday { fill: rgb(100%,83%,83%); } .label.day.day_of_year {font-size: 2px;} .label.day.day_of_month {font-size: 2px;} .label.month {font-size: 12px;} /* Daylight savings */ .wedge.dst.normal { fill: rgb(213,228,213); } .wedge.dst.mixed { fill: gray;} .wedge.dst.daylight { fill: rgb(207,175,175);} .label.dst {font-size: 12px; } /* Astronomy */ .line.radial.sunup {stroke: yellow; stroke-width: 2;} .line.radial.moonup {stroke: blue; stroke-width: 2;} .line.sunmoon.hour {stroke-width: 0.5;} .label.sunmoon.hour {font-size: 3px;} /* Zodiac */ .label.zodiac {font-size: 12px;} .wedge.zodiac.Capricorn {fill: rgb(193,193,255);} .wedge.zodiac.Aquarius {fill: rgb(172,200,236);} .wedge.zodiac.Pisces {fill: rgb(190,215,236);} .wedge.zodiac.Aries {fill: rgb(233,229,182);} .wedge.zodiac.Taurus {fill: rgb(255,233,140);} .wedge.zodiac.Gemini {fill: rgb(227,255,130);} .wedge.zodiac.Cancer {fill: rgb(180,240,160);} .wedge.zodiac.Leo {fill: rgb(170,250,170);} .wedge.zodiac.Virgo {fill: rgb(208,255,154);} .wedge.zodiac.Libra {fill: rgb(255,210,110);} .wedge.zodiac.Scorpio {fill: rgb(255,200,150);} .wedge.zodiac.Sagittarius {fill: rgb(255,200,200);} /* Seasons */ .label.seasons {font-size: 12px;} .wedge.seasons.Spring {fill: rgb(255,247,96);} .wedge.seasons.Summer {fill: rgb(156,216,154);} .wedge.seasons.Autumn {fill: rgb(234,202,127);} .wedge.seasons.Winter {fill: rgb(169,179,239);} /* Spans */ .line.span {fill: none; stroke: magenta; } .label.span { font-size: 7px; fill: magenta;} /* Moon */ .moon.sector {stroke: none; fill: black;} .moon.full {stroke: black; fill: yellow;} .moon.blue {stroke: black; fill: blue;} .moon.new {stroke: black; fill: black;} .moon.quarter {stroke: black; fill: none;} .label.moon {font-size: 3px; stroke: none; fill: black;} ` 3d:T1154,function moon_phases( year ) { // copied from https://www.timeanddate.com/moon/phases/timezone/utc?year=2021 // stupid suncalc is borked return [ {date: new Date("2021-01-06T09:37+00:00"), type: "last quarter"}, {date: new Date("2021-01-13T05:00+00:00"), type: "new"}, {date: new Date("2021-01-20T21:01+00:00"), type: "first quarter"}, {date: new Date("2021-01-28T19:16+00:00"), type: "full"}, {date: new Date("2021-02-04T17:37+00:00"), type: "last quarter"}, {date: new Date("2021-02-11T19:05+00:00"), type: "new"}, {date: new Date("2021-02-19T18:47+00:00"), type: "first quarter"}, {date: new Date("2021-02-27T08:17+00:00"), type: "full"}, {date: new Date("2021-03-06T01:30+00:00"), type: "last quarter"}, {date: new Date("2021-03-13T10:21+00:00"), type: "new"}, {date: new Date("2021-03-21T14:40+00:00"), type: "first quarter"}, {date: new Date("2021-03-28T18:48+00:00"), type: "full"}, {date: new Date("2021-04-04T10:02+00:00"), type: "last quarter"}, {date: new Date("2021-04-12T02:30+00:00"), type: "new"}, {date: new Date("2021-04-20T06:58+00:00"), type: "first quarter"}, {date: new Date("2021-04-27T03:31+00:00"), type: "full"}, {date: new Date("2021-05-03T19:50+00:00"), type: "last quarter"}, {date: new Date("2021-05-11T18:59+00:00"), type: "new"}, {date: new Date("2021-05-19T19:12+00:00"), type: "first quarter"}, {date: new Date("2021-05-26T11:13+00:00"), type: "full"}, {date: new Date("2021-06-02T07:24+00:00"), type: "last quarter"}, {date: new Date("2021-06-10T10:52+00:00"), type: "new"}, {date: new Date("2021-06-18T03:54+00:00"), type: "first quarter"}, {date: new Date("2021-06-24T18:39+00:00"), type: "full"}, {date: new Date("2021-07-01T21:10+00:00"), type: "last quarter"}, {date: new Date("2021-07-10T01:16+00:00"), type: "new"}, {date: new Date("2021-07-17T10:10+00:00"), type: "first quarter"}, {date: new Date("2021-07-24T02:36+00:00"), type: "full"}, {date: new Date("2021-07-31T13:15+00:00"), type: "last quarter"}, {date: new Date("2021-08-08T13:50+00:00"), type: "new"}, {date: new Date("2021-08-15T15:19+00:00"), type: "first quarter"}, {date: new Date("2021-08-22T12:01+00:00"), type: "full"}, {date: new Date("2021-08-30T07:13+00:00"), type: "last quarter"}, {date: new Date("2021-09-07T00:51+00:00"), type: "new"}, {date: new Date("2021-09-13T20:39+00:00"), type: "first quarter"}, {date: new Date("2021-09-20T23:54+00:00"), type: "full"}, {date: new Date("2021-09-29T01:57+00:00"), type: "last quarter"}, {date: new Date("2021-10-06T11:05+00:00"), type: "new"}, {date: new Date("2021-10-13T03:25+00:00"), type: "first quarter"}, {date: new Date("2021-10-20T14:56+00:00"), type: "full"}, {date: new Date("2021-10-28T20:05+00:00"), type: "last quarter"}, {date: new Date("2021-11-04T21:14+00:00"), type: "new"}, {date: new Date("2021-11-11T12:45+00:00"), type: "first quarter"}, {date: new Date("2021-11-19T08:57+00:00"), type: "full"}, {date: new Date("2021-11-27T12:27+00:00"), type: "last quarter"}, {date: new Date("2021-12-04T07:43+00:00"), type: "new"}, {date: new Date("2021-12-11T01:35+00:00"), type: "first quarter"}, {date: new Date("2021-12-19T04:35+00:00"), type: "full"}, {date: new Date("2021-12-27T02:23+00:00"), type: "last quarter"} ]; /* var start=new Date(year,0,1) var events = [], d0, d1 = d3.timeDay.offset(start, -1), d2 = d3.timeDay.offset(start, 0), x0, x1 = suncalc.getMoonIllumination(d1).fraction, x2 = suncalc.getMoonIllumination(d2).fraction, q0, q1 = Math.abs(x1-0.5), q2 = Math.abs(x2-0.5); const numdays=isLeapYear(year)?366:365; var c=0; for (var i = 0; i < numdays; ++i) { d0 = d1, d1 = d2, d2 = d3.timeDay.offset(start, i + 1); x0 = x1, x1 = x2, x2 = suncalc.getMoonIllumination(d2).fraction; q0 = q1, q1 = q2, q2 = Math.abs(x2-0.5); if (x1 > x0 && x1 > x2) { events.push({date: findMinimum(x => 1 - suncalc.getMoonIllumination(x).fraction, d0, d2), type: "full"}); } else if (x1 < x0 && x1 < x2) { events.push({date: findMinimum(x => suncalc.getMoonIllumination(x).fraction, d0, d2), type: "new"}); } else if (q1 < q0 && q1 < q2) { events.push({date: findMinimum(x => Math.abs(suncalc.getMoonIllumination(x).fraction-0.5),d0,d2), type: (x1400) { console.log("Loop error"); break; } } return events;*/ }3e:[] 2c:{"id":"403321dcb3ff4122","slug":"circular_calendar","title":"Calendar","thumbnail":"54a54297a3d5a3f4abd150069236995cf14593cb81ea15a6007269f45d3141f4","access_level":"public","create_time":"$D2020-11-23T12:15:55.582Z","update_time":"$D2021-02-05T11:04:22.646Z","view_time":null,"first_public_time":"$D2020-12-31T12:19:42.335Z","has_unpublished_edits":null,"fork":false,"stars":15,"starred":false,"owner":{"type":"team","id":"ae702bed45ab9cc5","login":"str4w","name":"strawdog","avatar_url":"https://avatars-next.observableusercontent.com/864ff17bddf536d35be05d0b00e3c489e12defab9a7593bba6003189afb2df86","tier":"starter_2024"},"version":883,"publish_version":883,"role":null,"authored":false,"authors":[{"type":"individual","id":"bd79982eebf681e1","login":"str4w","name":"strawdog","avatar_url":"https://avatars-next.observableusercontent.com/864ff17bddf536d35be05d0b00e3c489e12defab9a7593bba6003189afb2df86","tier":null}],"members":[{"type":"individual","id":"bd79982eebf681e1","login":"str4w","name":"strawdog","avatar_url":"https://avatars-next.observableusercontent.com/864ff17bddf536d35be05d0b00e3c489e12defab9a7593bba6003189afb2df86","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":16,"collection":null,"type":"notebook","body":{"title":"Calendar","cells":[{"id":0,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":495,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"// dates i haven't figured out how to calculate yet\n// correct for 2021 here\n// Easter\n// Christian holidays that derive from easter\n// Passover\n// Solstices and equinoxes\nastronomical_events= [\n ['Vernal Equinox','fixed',3,20,'event'],\n ['Summer Solstice','fixed',6,20,'event'], // 21 atlantic time and eastwared\n ['Autumnal Equinox','fixed',9,22,'event'],\n ['Winter Solstice','fixed',12,21,'event'],\n ['Easter','fixed',4,4,'event'],\n ['Good Friday','fixed',4,2,'holiday'],\n ['Ash Wednesday','fixed',2,17,'event'],\n ['Mardi Gras','fixed',2,16,'event'],\n ['Chinese New Year (Ox)','fixed',2,12,'event'],\n ['Yom Kippur','fixed',9,16,'event'],\n];\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"named_moons=({ 1: \"Wolf Moon\", \n 2: \"Snow Moon\",\n 3: \"Worm Moon\",\n 4: \"Pink Moon\",\n 5: \"Flower Moon\",\n 6: \"Strawberry Moon\",\n 7: \"Sturgeon Moon\",\n 8: \"Barley Moon\",\n 9: \"Harvest Moon\",\n 10: \"Hunter's Moon\",\n 11: \"Beaver Moon\",\n 12: \"Long Nights Moon\",\n 'blue': \"Blue Moon\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"// span dates\nspan_events=[\n ['Lent',2,17,4,3,'event'],\n ['Hannukah',11,29,12,6,'event'],\n ['Passover',3,28,4,3,'event'],\n ['Ramadan month',4,13,5,12,'event'],\n //['Kwanzaa',12,26,1,1,'event'], // fixed date, goes over end of year\n ];\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":776,"value":"function CalendarBuildCustomEvents(c, events) {\n // Mark events with fixed date\n function insert_in_days(ev) {\n let years_ago=c.yr-ev[3];\n let theText=\"\";\n let idx=c.days_index[ev[1]-1][ev[2]];\n switch(ev[4]) {\n case \"birthday\":\n theText=`${ev[0]}'s ${ordinal(years_ago)} birthday`;\n break;\n case \"birth\":\n theText=`${ev[0]} born ${years_ago} years ago`;\n break;\n case \"death\":\n theText=`${ev[0]} died ${years_ago} years ago`;\n break;\n case \"event\":\n theText=`${ev[0]} ${years_ago} years ago`;\n break;\n }\n c.days[idx].events.push([theText,ev[1],ev[2],ev[4]]);\n }\n events.forEach(insert_in_days);\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"$3a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"$3b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"function CalendarFinalize(c) {\n // Draw the bounds, put the end caps on\n c.bounds=[...c.bounds].sort();\n if (c.bounds.length>1) {\n let r1=c.rad2pixel(c.bounds[0]);\n let r2=c.rad2pixel(c.bounds[c.bounds.length-1]);\n add_radial(c.g_overlay,[0,0],[r1,r2],c.sa, {\"class\":\"line radial endcap\"});\n add_radial(c.g_overlay,[0,0],[r1,r2],c.ea, {\"class\":\"line radial endcap\"});\n }\n c.bounds.forEach((r)=>{c.bound(r,\"line separator\");});\n // Draw the central text\n if (c.parameters['parts']['centraltext'] ){\n add_text(c.g_overlay,c.yr,[0,-25],0,{\"class\":\"label year\"});\n add_text(c.g_overlay,\"Make your own!\",[0,25],0,{\"class\":\"label reference\"});\n add_text(c.g_overlay,\"https://observablehq.com/@str4w/circular_calendar\",[0,35],0,{\"class\":\"label reference\"});\n}\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"$3c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"testdays=theDays(2021)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"function theDays(year) {\n let days=[];\n let numDays=isLeapYear(year)?366:365;\n let c=0;\n let tz=parameters['timezone'];\n for(let i = 1; i <= numDays; i++) {\n var day=new Date(Date.UTC(year,0,i,12));\n days[c++]={\n \"date\": day,\n \"month\": day.getUTCMonth(),\n \"dom\": day.getUTCDate(),\n \"dow\": day.getUTCDay(),\n \"america_offset\": gtcOffset(day,'America/Montreal'),\n \"euro_offset\": gtcOffset(day,'Europe/Berlin'),\n \"this_offset\": gtcOffset(day,tz),\n \"events\":[],\n \"isholiday\":false,\n \"spancount\":0,\n }\n }\n return days; \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"function make_day_index(days) {\n var days_index={};\n for(let i=0;i<12;i++) {days_index[i]={};}\n for(let i=0;i {\n\tvar noon = d3.timeHour.offset(day['date'], 12),\n\t\t\tsun = suncalc.getTimes(noon, latitude, longitude),\n\t\t\tmoon = suncalc.getMoonTimes(noon, latitude, longitude);\n\treturn {\n\t\tsunrise: sun.sunrise,\n\t\tsunset: sun.sunset,\n\t\tmoonrise: moon.rise,\n\t\tmoonset: moon.set,\n\t\tmoonstate: moon.alwaysUp ? 1 : moon.alwaysDown ? -1 : 0,\n\t\tmoonfraction: suncalc.getMoonIllumination(noon).fraction\n\t};\n})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":607,"value":"function findMinimum(f, x0, x1) {\n let c=0;\n\tx0 = +x0, x1 = +x1;\n while (Math.abs(x1 - x0) > 1) {\n var dx = (x1 - x0) / 3;\n if (f(x0 + dx) > f(x1 - dx)) x0 += dx;\n else x1 -= dx;\n c++;\n if (c>100) {\n console.log(\"Find minimum error\",x0,x1);\n break;\n }\n }\n return new Date((x0 + x1) / 2);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"moon_phases(2021);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"$3d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"function isLeapYear(year){\n return (year%4 === 0 && year%100 !==0 || year%400 === 0);\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"function add_attributes(obj,attributes) {\n for (const [k, v] of Object.entries(attributes)) { obj.attr(k,v); }\n return obj;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"function add_rectangle(base_item,loc,sz,attributes={}) {\n var p=d3.path(); p.rect(loc[0],loc[1],sz[0],sz[1]);\n var z=base_item.append(\"path\")\n .attr(\"d\",p.toString());\n add_attributes(z,attributes);\n return z; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"function add_wedge(base_item,loc,radii,angles,attributes={}) {\n var p=d3.path();\n const a0_line=toRadians(-90-angles[0]);\n const a1_line=toRadians(-90-angles[1]);\n const a0_arc=toRadians(angles[0]+180);\n const a1_arc=toRadians(angles[1]+180);\n p.moveTo(loc[0]+Math.sin(a0_line)*radii[0],loc[1]+Math.cos(a0_line)*radii[0]);\n p.arc(loc[0],loc[1],radii[0],a0_arc,a1_arc);\n p.lineTo(loc[0]+Math.sin(a1_line)*radii[1],loc[1]+Math.cos(a1_line)*radii[1]);\n p.arc(loc[0],loc[1],radii[1],a1_arc,a0_arc,true);\n p.closePath();\n var z=base_item.append(\"path\")\n .attr(\"d\",p.toString());\n add_attributes(z,attributes);\n return z;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":697,"value":"function add_sector(base_item,loc,radius,angles,attributes={}) {\n var p=d3.path();\n const a0_line=toRadians(-90-angles[0]);\n const a1_line=toRadians(-90-angles[1]);\n const a0_arc=toRadians(angles[0]+180);\n const a1_arc=toRadians(angles[1]+180);\n p.moveTo(loc[0],loc[1]);\n p.lineTo(loc[0]+Math.sin(a0_line)*radius,loc[1]+Math.cos(a0_line)*radius);\n p.arc(loc[0],loc[1],radius,a0_arc,a1_arc);\n p.closePath();\n var z=base_item.append(\"path\")\n .attr(\"d\",p.toString());\n add_attributes(z,attributes);\n return z;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"function add_span(base_item,loc,radii,angles,attributes={}) {\n var p=d3.path();\n const a0_line=toRadians(-90-angles[0]);\n const a1_line=toRadians(-90-angles[1]);\n const a0_arc=toRadians(angles[0]+180);\n const a1_arc=toRadians(angles[1]+180);\n p.moveTo(loc[0]+Math.sin(a0_line)*radii[0],loc[1]+Math.cos(a0_line)*radii[0]);\n p.lineTo(loc[0]+Math.sin(a0_line)*radii[1],loc[1]+Math.cos(a0_line)*radii[1]);\n p.arc(loc[0],loc[1],radii[1],a0_arc,a1_arc);\n p.lineTo(loc[0]+Math.sin(a1_line)*radii[0],loc[1]+Math.cos(a1_line)*radii[0]);\n var z=base_item.append(\"path\")\n .attr(\"d\",p.toString());\n add_attributes(z,attributes);\n return z;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"function add_radial(base_item,loc,radii,angle,attributes={}) {\n var p=d3.path();\n const a=toRadians(-90-angle);\n p.moveTo(Math.sin(a)*radii[0],Math.cos(a)*radii[0]);\n p.lineTo(Math.sin(a)*radii[1],Math.cos(a)*radii[1]);\n var z=base_item.append(\"path\")\n .attr(\"d\",p.toString());\n add_attributes(z,attributes);\n return z;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"function add_circle(base_item,loc,radius,attributes={}) {\n var c = base_item.append(\"circle\")\n .attr(\"r\",radius)\n .attr(\"cx\",loc[0])\n .attr(\"cy\",loc[1]);\n add_attributes(c,attributes);\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"function add_crosshair(base_item,loc,radius,attributes={}) {\n var c = base_item.append(\"g\")\n {\n var p=d3.path();\n p.moveTo(loc[0]-radius,loc[1]);\n p.lineTo(loc[0]+radius,loc[1]);\n c.append(\"path\")\n .attr(\"d\",p.toString());\n }\n {\n var p=d3.path();\n p.moveTo(loc[0],loc[1]-radius);\n p.lineTo(loc[0],loc[1]+radius);\n c.append(\"path\")\n .attr(\"d\",p.toString());\n }\n add_attributes(c,attributes);\n return c;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"function add_tspans(base_item,theText,loc,angle,attributes={}) {\n //var a=toRadians(angle);\n var transform=`translate(${loc[0]},${loc[1]}) rotate(${angle})`;\n //console.log(transform);\n var t = base_item.append(\"text\")\n .attr(\"transform\",transform);\n theText.forEach((z)=>{t.append(\"tspan\")\n .attr(\"class\",`radialtspan ${z[0]}`)\n .text(z[1]);});\n add_attributes(t,attributes);\n return t;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":769,"value":"function add_text(base_item,theText,loc,angle,attributes={}) {\n //var a=toRadians(angle);\n var transform=`translate(${loc[0]},${loc[1]}) rotate(${angle})`;\n //console.log(transform);\n var t = base_item.append(\"text\")\n .attr(\"transform\",transform)\n .text(theText);\n add_attributes(t,attributes);\n return t;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":" function add_arc_text(base_item,theText,loc,radius,angle,attributes={},showArc=false) {\n const a0_line=toRadians(170-90-angle);\n const a1_line=toRadians(-170-90-angle);\n const a0_arc=toRadians(angle+10);\n const a1_arc=toRadians(angle-10);\n var p=d3.path();\n p.moveTo(loc[0]+Math.sin(a0_line)*radius,loc[1]+Math.cos(a0_line)*radius);\n p.arc(loc[0],loc[1],radius,a0_arc,a1_arc);\n\n const id=getUniqueID();\n var arc=base_item.append(\"path\")\n .attr(\"d\",p.toString())\n .attr(\"id\",`${id}`)\n .attr(\"stroke\",function() { if (showArc) {return \"black\";} else {return \"none\";} })\n .attr(\"stroke-width\",0.5)\n .attr(\"fill\",\"none\");\n var t= base_item.append(\"text\")\n .append(\"textPath\")\n .attr(\"xlink:href\",`#${id}`)\n .attr(\"startOffset\",\"50%\")\n .text(theText);\n \n add_attributes(t,attributes);\n return t;\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"function ordinal(x) {\n switch (x%10) {\n case 1:\n return `${x}st`;\n case 2:\n return `${x}nd`;\n case 3:\n return `${x}rd`;\n default:\n return `${x}th`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":" function toRadians(angle) {\n return angle * (Math.PI / 180);\n };\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"function makeUniqueID (){\n var counter=1234;\n function getUniqueID() {\n counter=counter+1;\n return counter;\n }\n return getUniqueID;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"getUniqueID=makeUniqueID()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"suncalc = require(\"suncalc@1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"