29:null 2a:["$","title",null,{"children":"Study Time Template | Joe | Observable"}] 2f:T493,md`# Study Time Template What this chart is for: to suggest deadlines to avoid work "crunches". The goal is to get your workload as low as possible. - Each rectangle represents a task. - its height represents how many marks its worth - its colour indicates subject - current configuration has completion of one task before starting another. This is not intended to be realistic. There are included sliders below to let enter how much work has already been completed. - _Theoretically_ ideal deadlines are given by the coloured rectangles. - Hard deadlines are given by the vertical red lines. - The **Current Workload** is the number of marks earned per day if the schedule is followed. By moving the cursor over the rectangles more information will be given. ** not working atm ** - Course name - task description - value of task - ideal completion time - days until next task with ideal schedule ## Major weakness - it doesn't encourage alternating between different tasks Improvements - make a graph of actual perceived work accomplished per day - this graph tells us how much we have to do but it would be more rewarding to see what we have actually done `30:T7e0,chart = { const svg = d3 .create("svg") .attr("class", "dog") .attr("height", height) .attr("width", width) .style("border", "1px dotted #999"); // A dotted border helps us see the added margin whitespace. // .append('g'); svg.append("g").call(xAxis); svg.append("g").call(yAxis); const description = svg .append("text") .attr("x", 80) .attr("y", 50) .text( `Current Workload: ${( ((deadline_data[0].val * (1 - deadline_data[0].done / 100)) / (deadline_data[0].newDeadLine - timeSlider)) * (1000 * 60 * 60 * 24) ).toFixed(1)} %/day` ); // svg .append("text") .attr("x", 80) .attr("y", 70) .text( `Days until next ideal completion: ${( (deadline_data[0].newDeadLine - Date.now()) / (1000 * 60 * 60 * 24) ).toFixed(1)}` ); const taskText = svg .append("text") .attr("id", "taskText") .attr("x", 80) .attr("y", 90) .text("--"); const ttG = svg .append("g") .attr("id", "ttg") .style("transform", "translate(50 100)"); ttG.append("text").attr("x", 80).attr("y", 100); svg .append("path") .attr("d", line(chPoints)) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-miterlimit", 1); const g_sel = svg // a group for all the points so I can assign common attributes and styles .append("g") .style("stroke", "black") .selectAll("g") // .data needs a selection .data(deadline_data); g_sel // a group for each data point - so I can add text and orbiting moons .join("g") // this is cool... .call(appendCircles, { color: (d) => "black", // color(d.course), fill: (d) => color(d.course), //d3.rgb(100, 150, 200), size: (d) => d.val * (1 - d.done / 100), course: (d) => d.course, value: (d) => d.val, desc: (d) => d.desc, due: (d) => d.due, tt: ttG }); return svg.node(); }31:T4a0,deadline_data_ = { let data = filteredWDT; //.slice().sort((a, b) => a.date - b.date); // remainingExams let pts = data.map(d => [d.date, d.cvals]); // convHull is a list of pairs let convHull = chPoints; //convUHull(pts); // console.log(pts); // console.log(convHull); let deadline_data = []; for (let i = 0; i < convHull.length - 1; i++) { // filtered_data is the exams having cumulative value between two convex points. let filtered_data = data.filter( d => (d.cumSum >= convHull[i][1]) & (d.cumSum <= convHull[i + 1][1]) ); filtered_data; // ??? let m = // eg slope (convHull[i + 1][1] - convHull[i][1]) / Math.max(1, convHull[i + 1][0] - convHull[i][0]); // avoid div by zero for (let t of filtered_data) { t.newDeadLine = new Date( (t.cumSum - convHull[i][1]) / m + convHull[i][0].getTime() ); t.cv1 = convHull[i]; t.cv2 = convHull[i + 1]; t.hullN = i; t.m = m; } deadline_data = deadline_data.concat(filtered_data); // console.log("fite"); // console.log(deadline_data); } deadline_data = Array.from(new Set(deadline_data)); return deadline_data; }32:T54a,// { // // to create a dependency // // chart; // // const tooltip = d3 // // .select("body") // svg#dog // // .append("div") // // .attr("class", "svg-tooltip") // // .style("position", "absolute") // // .style("visibility", "hidden"); // // tooltip.style("top", 120 + "px").style("left", 70 + "px"); // // // .text("I'm a circle!"); // const tt_node = tooltip.select("div#tooltip"); // tt_node.text("mom?"); // tooltip // .selectAll("rect") //.select('svg') // .style("fill", "blue") // .on("mouseover", function(d) { // // tooltip.text(`${d.course} ${d.desc} ${formatTime(d.due)}`); // console.log("hello George"); // tt_node.html( // ` // // // // //

${d.course}

${d.desc}

${formatTime(d.due)}

${d.val}%

` // ); // return tooltip.style("visibility", "visible"); // }) // // .on("mousemove", function() { // // return tooltip.style("top", 120 + "px").style("left", 70 + "px"); // // .style("top", d3.event.pageY - 10 + "px") // // .style("left", d3.event.pageX + 10 + "px"); // // }) // .on("mouseout", function() { // return tooltip.style("visibility", "hidden"); // }); // }33:T64a,function appendCircles(sel, args) { // create tooltip for "g" in this sel sel.call(ttip, args.tt); sel .append("line") .attr("x1", (d) => x(d.due)) .attr("y1", (d) => y(d.cumSum)) .attr("x2", (d) => x(d.newDeadLine)) .attr("y2", (d) => y(d.cumSum)) .attr("stroke", "'1px dotted #999'") .style("stroke-dasharray", [2, 1]); sel .style("line", args.color) .style("fill", args.fill) .append("line") .attr("x1", (d) => x(d.due)) .attr("y1", (d) => y(d.cumSum)) .attr("x2", (d) => x(d.due)) .attr("y2", (d) => y(d.cumSum - d.val * (1 - d.done / 100))) //d => y(d.val * (1 - d.done / 100))) .attr("stroke", "red"); sel .append("rect") // .on("mouseover", function (n) { // // console.log("this here", n.target); // this works! // const titleText = d3.select(n.target).select("title").text(); // <<<<< the magic // // console.log("this here", titleText); // this works! // taskText.text(titleText); // // oldRadius = d3.select(this).attr("r"); // // oldStrokeWidth = d3.select(this).attr("strokeWidth"); // // d3.select(this).attr("r", 10); // }) .style("stroke", args.color) .style("fill", args.fill) .attr("x", (d) => x(d.newDeadLine)) .attr("y", (d) => y(d.cumSum)) .attr("width", 10) .attr("height", (d) => y(0) - y(d.val * (1 - d.done / 100))) // put data into attributes of rectangles .attr("course", args.course) .attr("desc", args.desc) .attr("value", args.value) .attr("due", args.due); // .append("title") // .text(args.title); }34:T7d4,// .json important to keep local times from being made UTC dataYml = yaml.json`semester: - course: Interpretation val: 10 due: 2023-03-01T23:59:59 desc: Greatest Historic site presi.phase A - course: Interpretation val: 10 due: 2023-03-29T23:59:59 desc: Greatest Historic site presi.phase B - course: Interpretation val: 10 due: 2023-02-17T23:59:59 desc: Journaling Fort William - course: Interpretation val: 05 due: 2023-01-11T23:59:59 desc: Evaluative Tool Signs phase A - course: Interpretation val: 05 due: 2023-01-25T23:59:59 desc: Evaluative Tool Signs phase B - course: Interpretation val: 05 due: 2023-03-08T23:59:59 desc: Evaluative Tool Signs phase C - course: Interpretation val: 15 due: 2023-03-17T23:59:59 desc: Evaluative Tool Signs phase D - course: Interpretation val: 10 due: 2023-04-04T11:59:59 desc: Outline for Canoe Presentation (need date) - course: Interpretation val: 15 due: 2023-04-04T11:59:59 desc: Presentation for Canoe Presentation - course: Interpretation val: 5 due: 2023-04-04T11:59:59 desc: Feedback and debried (need date) - course: Social psychology val: 5 due: 2023-04-10T09:00:00 desc: scientific experimentation - course: Social psychology val: 45 due: 2023-02-27T09:00:00 desc: midterm - course: Social psychology val: 50 due: 2023-03-29T09:00:00 desc: Final - course: Writing val: 10 due: 2023-01-24T09:00:00 desc: Summary - course: Writing val: 25 due: 2023-01-31T09:00:00 desc: Grammar Test - course: Writing val: 5 due: 2023-02-02T09:00:00 desc: Documentation Practice - course: Writing val: 10 due: 2023-02-23T09:00:00 desc: Annotated Bibliography - course: Writing val: 15 due: 2023-03-09T09:00:00 desc: Literature Review - course: Writing val: 10 due: 2023-03-30T09:00:00 desc: Power point presentation - course: Writing val: 25 due: 2023-04-06T09:00:00 desc: Research Essay `35:[] 2d:{"id":"3abf0189f3082ca6","slug":null,"title":"Study Time Template","thumbnail":"df81b6a35154c395dbb9c53ca25e9e0fdc4fd38135eb4a3216e26fd3f7ac4749","access_level":"public","create_time":"$D2020-03-31T16:12:24.521Z","update_time":"$D2023-03-23T18:20:08.528Z","view_time":null,"first_public_time":"$D2022-12-06T17:44:48.417Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"d4bde6b3ee650269","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":"starter_2024"},"version":1713,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc88ff3942f7785e","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":null}],"members":[{"type":"individual","id":"5ecbf04ee23a6004","login":"ajmann","name":"Anand Mann","avatar_url":"https://avatars-next.observableusercontent.com/aeb6683b707d0ab09b127aa1eeba8d8cf55d29edb20676a729b9cf8db06327d8","tier":null,"role":"editor"},{"type":"individual","id":"fc88ff3942f7785e","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Study Time Template","cells":[{"id":0,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1182,"value":"viewof timeSlider = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1186,"value":"md`${formatTime(new Date(timeSlider))}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"{\n const form = html``;\n form.now.onclick = () => {\n viewof timeSlider.value = Date.now();\n viewof timeSlider.dispatchEvent(new CustomEvent(\"input\"));\n };\n\n return form;\n}\n// form.now.onclick = () => {\n// d3.select(\"#timeSlider\")\n// .node()\n// .update(Date.now());\n// };\n\n// return form;\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"// how do I get this to call a function when changed ?\n// viewof is a combination of expicitView and explicitVariable\nviewof workDoneTable = {\n const table = makeTable(data.sort((a, b) => a.due - b.due), [\n \"Course Name\",\n \"Description\",\n \"Value\",\n \"Due Date\",\n \"Percent done\"\n ]);\n\n table.onchange = () => {\n // this is the value that will be returned to listeners\n table.value = jParseTable(table);\n // tell listeners to update\n table.dispatchEvent(new CustomEvent(\"input\"));\n };\n\n table.onchange();\n\n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1301,"value":"// this makes everything work (it was the step parameter in the slider that was confusing us)\n{\n // const t = Date.now();\n viewof timeSlider.value = t; //.getTime()),\n viewof timeSlider.dispatchEvent(new CustomEvent(\"input\"));\n return new Date(t);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1267,"value":"t = {\n while (true) {\n yield Promises.tick(1 * 60 * 1000, Date.now());\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1089,"value":"new parseDate(\"2020-04-07 03:00\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1502,"value":"function ttip(sel, tt_node) {\n sel\n .on(\"mouseover\", function (d) {\n // console.log(d.target.getAttribuet;\n tt_node\n .selectAll(\"text\")\n .data([\n { k: \"course\", v: d.target.getAttribute(\"course\") },\n { k: \"desc\", v: d.target.getAttribute(\"desc\") },\n { k: \"value\", v: d.target.getAttribute(\"value\") },\n {\n k: \"ideal completion\",\n v: formatTime(new Date(d.target.getAttribute(\"due\")))\n }\n // { k: \"days to next task\", v: d.d2d.toFixed(1) }\n ])\n .join(\"text\")\n // .attr(\"x\", 80)\n // .attr(\"y\", 100)\n .attr(\"x\", 90)\n .attr(\"y\", (d, i) => 100 + 20 * i)\n .text((t) => `${t.k}: ${t.v}`);\n\n return tt_node.style(\"visibility\", \"visible\");\n })\n\n .on(\"mouseout\", function () {\n return tt_node.style(\"visibility\", \"hidden\");\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"chPoints = {\n const chPoints = convUHull(\n [[new Date(timeSlider), 0.0]].concat(\n filteredWDT.map(d => [d.due, d.cumSum])\n )\n );\n return chPoints;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"workDoneTable","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"filteredWDT = {\n const filteredWDT = workDoneTable\n // .map(d => ({\n // course: d['Course Name'],\n // desc: d.Description,\n // val: +d.Value * (1 - +d['Percent done'] / 100),\n // due: new Date(d['Due Date']),\n // done: +d['Percent done']\n // }))\n .filter(d => (d.due >= timeSlider) & (d.done < 100));\n\n const cumSum = d3.cumsum(filteredWDT, d => d.val * (1 - d.done / 100));\n return filteredWDT.map((d, i) => ({ ...d, cumSum: cumSum[i] }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"md`## The Work Done problem`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"md`## Data Manipulation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"orderedTasks = {\n const s = remainingTasks.sort((a, b) => a.due - b.due);\n const cumVals = d3.cumsum(s, d => d.val);\n return s.map((d, i) => ({ ...d, cumVals: cumVals[i] }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"remainingTasks = {\n return data.filter(d => d.due >= timeSlider);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1570,"value":"deadline_data = deadline_data_.map((d, i) => ({\n ...d,\n d2d: deadline_data_[i + 1]\n ? (deadline_data_[i + 1].newDeadLine - d.newDeadLine) /\n (1000 * 60 * 60 * 24)\n : 0\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1045,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"function makeTable(data_, headerList) {\n const data = data_.sort((a, b) => a.due - b.due);\n\n const table = d3.create(\"table\");\n table\n .append('tr')\n .selectAll('th')\n .data(headerList)\n .join('th')\n .text(d => d);\n\n const tr_sel = table\n .attr(\"contentEditable\", 'true')\n .attr(\"id\", 'data-table')\n .append(\"tbody\")\n .selectAll(\"tr\")\n .data(data)\n .join(\"tr\");\n\n tr_sel.append(\"td\").html(d => d.course);\n tr_sel.append(\"td\").html(d => d.desc);\n tr_sel.append(\"td\").html(d => d.val);\n tr_sel.append(\"td\").html(d => formatTime(d.due));\n tr_sel\n .append(\"td\")\n .html(\n (d, i) =>\n ` `\n );\n\n return table.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"md`## Graphics stuff`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"margin = ({ top: 10, right: 10, bottom: 45, left: 30 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":973,"value":"xAxis = g =>\n g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(d3.timeDay.every(1)))\n .selectAll(\"text\")\n .attr(\"transform\", \"translate(-10,10)rotate(-45)\")\n .style(\"text-anchor\", \"end\")\n .style(\"font-size\", 10)\n .style(\"fill\", \"#69a3b2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":953,"value":"color = d3.scaleOrdinal(d3.schemeTableau10).domain(data.map(d => d.course))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":752,"value":"md`The code below updates the table html dynamically using the slider. Worth thinking about...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"d3\n .selectAll('table#data-table tr')\n // .style('visibility', 'collapse')\n // .style('visibility', (d, i) => (d.due <= timeSlider ? `visible` : 'collapse'))\n .style('visibility', (d, i) =>\n (d && d.due > timeSlider) | !d ? `visible` : 'collapse'\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"line = d3\n .line()\n .x(d => x(d[0]))\n .y(d => y(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1433,"value":"// tooltip = {\n// // to create a dependency\n// // chart;\n\n// // const tooltip = d3\n// // .select(\"body\") // svg#dog\n// // .append(\"div\")\n// // .attr(\"class\", \"svg-tooltip\")\n// // .style(\"position\", \"absolute\")\n// // .style(\"visibility\", \"hidden\");\n// // tooltip.style(\"top\", 220 + \"px\").style(\"left\", 80 + \"px\");\n\n// const tooltip = d3.select(\"svg.dog\"); // svg#dog\n\n// tooltip\n// .append(\"div\")\n// .attr(\"id\", \"tooltip\")\n// .attr(\"class\", \"svg-tooltip\")\n// // .style(\"position\", \"absolute\")\n// // .style(\"visibility\", \"hidden\");\n// .attr(\"x\", 80)\n// .attr(\"y\", 200);\n// // tooltip.style(\"top\", 220 + \"px\").style(\"left\", 80 + \"px\");\n// // .text(\"I'm a circle!\");\n// return tooltip;\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1466,"value":"// tooltip.selectAll(\"rect\").style(\"fill\", 'blue')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"formatTime = d3.timeFormat(\"%Y-%m-%d %H:%M\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1704,"value":"formatTime(new Date())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1621,"value":"timeExtent = [\n new Date(Date.now() - 1000 * 60 * 60 * 24),\n d3.max(data, d => d.due)\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"x = {\n \n return d3\n .scaleTime()\n // .domain(d3.extent(orderedTasks.map(d => d.due)))\n // .domain(d3.extent(data, d => d.due))\n .domain(timeExtent)\n .range([margin.left, width - margin.right])}\n// .range([0, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"y = d3\n .scaleLinear()\n // .domain(d3.extent(orderedTasks.map(d => d.cumVals)))\n .domain([0, d3.max(orderedTasks.map(d => d.cumVals))])\n .range([height - margin.bottom, margin.top])\n// .range([height - ypadding, ypadding])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"yAxis = g =>\n g.attr(\"transform\", `translate(${margin.left},0)`).call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"md`## play with YAML first`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"data = dataYml.semester.map(d => ({\n course: d.course,\n val: d.val,\n due: new Date(d.due),\n desc: d.desc\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"md`# Appendix\n-----`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1092,"value":"// parse a date in yyyy-mm-dd format\n\nfunction parseDate(string) {\n if (typeof string == \"undefined\") return \"undefined\";\n let [\n _,\n year,\n month,\n day,\n hour,\n minute\n ] = /(\\d{4})-(\\d{1,2})-(\\d{1,2})[ -T](\\d{1,2}):(\\d{1,2})/.exec(string);\n return new Date(year, +month - 1, +day, +hour, +minute); //, +hour, +minute);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"function jParseTable(table) {\n let tableData = [];\n // d3.select('table#data-table')\n table\n // .node()\n .querySelectorAll(\"tr\")\n .forEach((row, i) => {\n let rowData = [];\n row.querySelectorAll(\"td\").forEach((td, i) => {\n if (td.childElementCount == 1) rowData.push(td.children[0].value);\n else {\n rowData.push(td.textContent);\n }\n });\n tableData.push(rowData);\n });\n return tableData.map(d => ({\n course: d[0],\n desc: d[1],\n val: +d[2],\n due: parseDate(d[3]),\n done: +d[4]\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"function convUHull(p) {\n const p_ = p.slice();\n const sorted = p_.sort((a, b) => sortByX(a, b));\n const lower = lowerHull(sorted);\n return lower;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"function lowerHull(p) {\n const n = p.length;\n const b = p.slice().reverse();\n const l = [];\n for (let i = 0; i < b.length; ++i) {\n while (l.length >= 2 && det3(l[l.length - 2], l[l.length - 1], b[i]) <= 0) {\n l.pop();\n }\n l.push(b[i]);\n }\n // l.shift();\n return l.reverse();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import { yaml } from \"@71/yaml\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"import { cstParse, editor } from \"@mbostock/comma-separated-tree\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"d3 = require('d3', \"d3-array@^2.4\", \"d3-interpolate@^1.4\", \"d3-dsv@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"import { style, cellShortcuts } from \"@observablehq/keyboard-shortcuts\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"import { slider } from '@bartok32/diy-inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"import {\n convexHull2D,\n upperHull,\n // lowerHull,\n sortByX,\n det3\n} from \"@timhau/convex-hull\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 2e:"$2d:body"