2f:T18ba,chart = { const sw = 0.4; const so = 1; const cols = 20; const offSet = 0; const off = 38; const strokeWidth = 2; // const ray = 55; const ray = 55 + 22; // const ray2 = 100; const ray2 = 100 + 22; // const ray3 = 22; const ray3 = 22 + 22 - 10; const offnumber = 22; const offAngle = (Math.PI / 180) * 1.3; const fontname = "sans-serif"; // const fontname = "IM Fell English SC"; // GFontToDataURI( // "https://fonts.googleapis.com/css2?family=Cormorant SC&display=swap" // ) // .then((cssRules) => { // let fontRules = cssRules.join("\n"); // d3.select("svg") // .append("defs") // .append("style") // .attr("type", "text/css") // .text(fontRules); // console.log("Added Font"); // }) // .catch((reason) => console.log(reason)); // const magic = (d) => (d.data.subcat != "" ? d.data.subcat : d.data.cat); const magic = (d) => (d.data.cat != "" ? d.data.cat : d.data.cat); // const myColor = d3.scaleOrdinal(d3.schemeSpectral[7]); // const myColor = d3.scaleOrdinal(d3.schemeSet1); // const myColor = d3.scaleOrdinal( // d3.quantize(d3.interpolateHcl("#60c96e", "#4d4193"), 10) // ); // const myColor = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, cols)); const colorFunc = myColor(5, 1, 9, 0.7); function darken(color, k = 1) { const { l, c, h } = d3.lch(color); return d3.lch(l - 30 * k, c, h); } function lighten(color, k = 1) { const { l, c, h } = d3.lch(color); return d3.lch(l + 30 * k, c, h); } const root = tree( rootWithIngoing.sort((a, b) => d3.ascending(a.data.subcat, b.data.subcat)) ); const svg = d3.create("svg"); // .attr("viewBox", [-width / 2, -width / 2, width, width]); const ringCat = { cx: 0, cy: 0, r: 275 - 5, innerR: 20 - 5, padAngle: 0, color: colorFunc, strokeWidth: 0.5, bold: false, data: dataSubCat2Level2, // data: myData((Math.PI / 360) * 3).slice(2), fontSize: 8, fontName: fontname }; if (categories) svg.append("g").html(ringObjHTML(ringCat)); const ringCat2Level = { cx: 0, cy: 0, r: 250, innerR: 45 - 5 - 5, padAngle: 0, color: colorFunc, strokeWidth: 0.5, bold: false, data: dataSubCat2Level, fontSize: 10, fontName: fontname }; if (categories) svg.append("g").html(ringObjHTML(ringCat2Level)); const ringSubCat = { cx: 0, cy: 0, r: 250, innerR: 20 - 5, padAngle: 0, color: colorFunc, strokeWidth: 0.5, bold: false, data: dataSubCat, fontSize: 7, fontName: fontname }; if (categories) svg.append("g").html(ringObjHTML(ringSubCat)); const node = svg .append("g") .attr("font-family", "sans-serif") // .attr("font-size", 9) .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .attr("font-size", 8) .selectAll("g") .data(root.leaves()) .join("g") .attr( "transform", (d) => `rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0)` ) .append("text") .attr("dy", "0.31em") .attr("x", (d) => (d.x < Math.PI ? 6 : -6 - offnumber)) .attr("text-anchor", (d) => (d.x < Math.PI ? "start" : "start")) .attr("transform", (d) => (d.x >= Math.PI ? "rotate(180)" : null)) .style("fill", (d) => colorFunc(magic(d))) .text((d) => { if (d.x < Math.PI - offSet) { if (typeof d.data.num !== "undefined") { if (d.data.num.length <= 4) { var str = d.data.num; var nameOnly = str.substring(0, str.length - 1); var numOnly = str.substring(str.length - 1, str.length); d.data.num = nameOnly + "\xa0\xa0" + numOnly; } return d.data.num; } else return d.data.content; } else { if (typeof d.data.num !== "undefined") { if (d.data.num.length <= 4) { var str = d.data.num; var nameOnly = str.substring(0, str.length - 1); var numOnly = str.substring(str.length - 1, str.length); d.data.num = nameOnly + "\xa0\xa0" + numOnly; } return d.data.num; } else return d.data.content; } }); // .clone(true) // .lower() // .attr("stroke", "white") // .clone(true) // // .attr("stroke-width", 0) // // .attr("transform", (d) => `translate(${ray3},0)`) // .attr("transform", `translate(${ray3},0)`) // // .attr("dy", "0.31em") // .attr("text-anchor", (d) => (d.x < Math.PI ? "start" : "end")) // .attr("transform", (d) => (d.x >= Math.PI ? "rotate(180)" : null)) // .attr("x", (d) => // d.x < Math.PI - offSet === !d.children ? off + ray3 : -off - ray3 // ) // .style("fill", (d) => colorFunc(magic(d))) // .text((d) => { // // return d.data.content + " (" + magic(d).slice(1) + ")"; // return d.data.content; // }); // CONNECTIONS // const line = d3 .lineRadial() .curve(d3.curveBundle.beta(0.85)) .radius((d) => d.y) .angle((d) => d.x); console.log(root.leaves()); const link = svg .append("g") // .attr("stroke", "red") .attr("fill", "none") .attr("stroke-width", sw) .attr("stroke-opacity", so) .selectAll("path") .data(root.leaves().flatMap((leaf) => leaf.outgoing)) .join("path") .style("mix-blend-mode", "multiply") .style("opacity", so) .attr("d", ([i, o]) => line(i.path(o))) .attr("stroke", (d) => lighten(colorFunc(magic(d[1])))) .each(function (d) { d.path = this; }); // svg // .append("g") // .attr("fill", "none") // .selectAll("path") // .data( // d3.transpose( // root // .leaves() // .filter((rule) => rule.outgoing) // .flatMap((leaf) => leaf.outgoing.map(path)) // .map((path) => Array.from(path.split(k))) // ) // ) // .join("path") // .style("mix-blend-mode", "darken") // .attr("stroke", (d, i) => color(d3.easeQuad(i / ((1 << k) - 1)))) // // .attr("stroke", (d, i) => { // // // const magic = d.data.subcat != "" ? d.data.subcat : d.data.cat; // // color(d3.easeQuad(i / (1 << k))); // // }) // // .attr("stroke", (d, i) => color(i - 1)) // .attr("d", (d) => d.join("")); return svg.attr("viewBox", autoBox).node(); }30:Ta90,dataSubCat = { const off = -0.75; const data = myAnglesSubCat2((Math.PI / 360) * 1.4); const arr = [ // { // startAngle: data[0].startAngle + off, // endAngle: data[0].endAngle - off, // text: data[0].data, // class: data[0].uid // }, // { // startAngle: data[1].startAngle + off, // endAngle: data[1].endAngle - off, // text: data[1].data, // class: data[1].uid // }, { startAngle: data[2].startAngle + off, endAngle: data[2].endAngle, text: data[2].data, class: data[2].uid }, { startAngle: data[3].startAngle, endAngle: data[3].endAngle, text: data[3].data, class: data[3].uid // letterSpace: 10 }, { startAngle: data[4].startAngle, endAngle: data[4].endAngle, text: data[4].data, class: data[4].uid // letterSpace: 7 }, { startAngle: data[5].startAngle, endAngle: data[5].endAngle, text: data[5].data, class: data[5].uid }, { startAngle: data[6].startAngle, endAngle: data[6].endAngle, text: data[6].data.slice(0, -4) + ".", class: data[6].uid // fontSize: 7 }, { startAngle: data[7].startAngle, endAngle: data[7].endAngle, text: data[7].data, class: data[7].uid // fontSize: 7 }, { startAngle: data[8].startAngle, endAngle: data[8].endAngle - off, text: data[8].data, class: data[8].uid }, { startAngle: data[9].startAngle + off, endAngle: data[9].endAngle, text: data[9].data, class: data[9].uid }, { startAngle: data[10].startAngle, endAngle: data[10].endAngle, text: data[10].data.slice(0, -3) + ".", class: data[10].uid // fontSize: 7 }, { startAngle: data[11].startAngle, endAngle: data[11].endAngle - off, text: data[11].data, class: data[11].uid // letterSpace: 6 }, { startAngle: data[12].startAngle + off, endAngle: data[12].endAngle, text: data[12].data, class: data[12].uid }, { startAngle: data[13].startAngle, endAngle: data[13].endAngle, text: data[13].data.slice(0, -6), class: data[13].uid // fontSize: 6 }, { startAngle: data[14].startAngle, endAngle: data[14].endAngle, text: data[14].data.slice(0, -7), class: data[14].uid // fontSize: 6 }, { startAngle: data[15].startAngle, endAngle: data[15].endAngle - off, text: data[15].data.slice(0, -3) + "e", class: data[15].uid // fontSize: 7 } ]; return arr; }31:T45f,myAnglesSubCat2 = (offAngle, OffAngle2 = 0) => { // myAnglesSubCat2 = { // const offAngle = 0; const myData = []; let subCat = ""; let oldPush = {}; let array = []; const matrix = [], cols = 16; //init the grid matrix for (let i = 0; i < cols; i++) { matrix[i] = []; } let k = -1; // LOOP // rootUsed.leaves().forEach((d) => { let push = {}; if (d.data.subcat == "") d.data.subcat = d.data.cat; // d.data.subcat is the key value. // TEST // if (subCat != d.data.subcat) k++; subCat = d.data.subcat; push.startAngle = ((d.x - offAngle) * 180) / Math.PI; push.subcat = d.data.subcat; push.cat = d.data.cat; push.endAngle = ((d.x + offAngle) * 180) / Math.PI; matrix[k].push(push); }); // matrix[0].push("test"); // return matrix; // LOOP // matrix.forEach((d) => { let push = {}; const first = d[0]; const last = d[d.length - 1]; push.startAngle = first.startAngle; push.endAngle = last.endAngle; push.data = first.subcat.slice(1); push.uid = first.cat; array.push(push); }); return array; }32:Taff,data2 = { let root = { name: "Bhikkhu Pāṭimokkha", parentId: null, class: "root" }; const tree = []; tree.push(root); const classOff = []; let chapter = []; const num = []; const content = []; const chapterTest = []; const related = []; // for relatived rules const value = 1; csvData.forEach((d) => { d.content = toTitleCase(d.content); // class if (!classOff.includes(d.class)) classOff.push(d.class); // chapter d.chapter = d.chapter.replace("The", ""); d.chapter = d.chapter.replace(" Chapter", ""); if (!chapter.includes(d.chapter) && d.chapter != "") { const pushed = []; pushed[d.chapter] = d.class; if (!chapterTest.includes(d.chapter)) { chapterTest.push(d.chapter); chapter.push(pushed); } } // num + content if (!num.includes(d.num) && d.chapter != "") { const pushed = []; pushed[d.content] = d.chapter; pushed[d.content + "Num"] = d.num; pushed[d.content + "class"] = d.class; pushed[d.content + "related"] = d.related; num.push(pushed); } if (!num.includes(d.num) && d.chapter == "") { const pushed = []; pushed[d.content] = d.class; pushed[d.content + "Num"] = d.num; pushed[d.content + "class"] = d.class; pushed[d.content + "related"] = d.related; num.push(pushed); } }); // pushing everything into the tree // class for (var i = 0, len = classOff.length; i < len; i++) { const pushed = {}; pushed.name = classOff[i]; pushed.parentId = Object.values(root)[0]; pushed.class = classOff[i]; tree.push(pushed); } // chapter for (var i = 0, len = chapter.length; i < len; i++) { const pushed = {}; pushed.name = Object.keys(chapter[i])[0]; pushed.parentId = Object.values(chapter[i])[0]; pushed.class = Object.values(chapter[i])[0]; tree.push(pushed); } // num for (var i = 0, len = num.length; i < len; i++) { const pushed = {}; pushed.name = Object.keys(num[i])[0]; pushed.parentId = Object.values(num[i])[0]; pushed.num = Object.values(num[i])[1]; pushed.class = Object.values(num[i])[2]; pushed.related = Object.values(num[i])[3]; pushed.size = 1; tree.push(pushed); } // from https://typeofnan.dev/an-easy-way-to-build-a-tree-with-object-references/ const idMapping = tree.reduce((acc, el, i) => { acc[el.name] = i; return acc; }, {}); tree.forEach((el) => { if (el.parentId === null) { root = el; return; } // Use our mapping to locate the parent element in our data array const parentEl = tree[idMapping[el.parentId]]; // Add our current el to its parent's `children` array parentEl.children = [...(parentEl.children || []), el]; }); return tree[0]; }33:T6a0,// from https://stackoverflow.com/questions/196972/convert-string-to-title-case-with-javascript?noredirect=1&lq=1 function toTitleCase(str) { const articles = ["a", "an", "the"]; const conjunctions = ["for", "and", "nor", "but", "or", "yet", "so"]; const prepositions = [ "with", "at", "from", "into", "upon", "of", "to", "in", "for", "on", "by", "like", "over", "plus", "but", "up", "down", "off", "near" ]; // The list of spacial characters can be tweaked here const replaceCharsWithSpace = (str) => str.replace(/[^0-9a-z&/\\]/gi, " ").replace(/(\s\s+)/gi, " "); const capitalizeFirstLetter = (str) => str.charAt(0).toUpperCase() + str.substr(1); const normalizeStr = (str) => str.toLowerCase().trim(); const shouldCapitalize = (word, fullWordList, posWithinStr) => { if (posWithinStr == 0 || posWithinStr == fullWordList.length - 1) { return true; } return !( articles.includes(word) || conjunctions.includes(word) || prepositions.includes(word) ); }; //str = replaceCharsWithSpace(str); str = normalizeStr(str); let words = str.split(" "); if (words.length <= 2) { // Strings less than 3 words long should always have first words capitalized words = words.map((w) => capitalizeFirstLetter(w)); } else { for (let i = 0; i < words.length; i++) { words[i] = shouldCapitalize(words[i], words, i) ? capitalizeFirstLetter(words[i], words, i) : words[i]; } } const str2 = words.join(" "); words = str2.split("-"); words = words.map((w) => capitalizeFirstLetter(w)); return words.join("-"); }34:T132f,// Function that create a HTML layer arc of multile labels with options. // data contains the angles, text, font-size & letter-spacing... ringObjHTML = (ring) => { const { cx, cy, r, innerR, padAngle = 1, color = "red", data, // contains : d.startAngle d.endAngle d.text d.fontSize=12 d.letterSpace=1 d.textOffAngle // d.uid (d.index?) is created in this function strokeWidth = 2, // 0 invert colors and fill up bold = true, fontName, fontSize = 12 } = ring; const haveClass = (d) => (d.class ? d.class : d.uid); const flipLetters = (d) => (d.flipLetters ? true : false); const dStrokeWidth = (d) => d.strokeWidth != undefined ? d.strokeWidth : strokeWidth; const halfPI = Math.PI / 2; const svg = d3.create("svg"); const arc = d3 .arc() .innerRadius(r) .outerRadius(r + innerR) .padAngle((Math.PI / 180) * padAngle) .startAngle((d) => (Math.PI / 180) * d.startAngle) .endAngle((d) => (Math.PI / 180) * d.endAngle) .cornerRadius(10); const atBottom = (d) => { const middle = ((Math.PI / 180) * d.startAngle - halfPI + (Math.PI / 180) * d.endAngle - halfPI) / 2; const bottom = middle >= 0 && middle < Math.PI; return bottom ^ d.flipLetters; // XOR }; const enter = (enter) => { const g = enter .append("g") .attr("class", "arcLabel") .attr("transform", `translate(${cx}, ${cy})`); g.append("path") .attr("id", (d) => d.uid.id) .style("fill", "none") .attr("d", (d) => { const context = d3.path(); if (atBottom(d)) { context.arc( 0, 0, r, (Math.PI / 180) * d.endAngle - halfPI, (Math.PI / 180) * d.startAngle - halfPI, true ); } else { context.arc( 0, 0, r, (Math.PI / 180) * d.startAngle - halfPI, (Math.PI / 180) * d.endAngle - halfPI, false ); } return context.toString(); }); g.append("path") .style( "stroke", (d) => color(haveClass(d)) // dStrokeWidth(d) == 0 ? null : color(haveClass(d)) ) .style("stroke-width", strokeWidth) // .style("stroke-width", (d) => dStrokeWidth(d)) .style( "fill", (d) => (dStrokeWidth(d) != 0 ? "transparent" : color(haveClass(d))) // strokeWidth != 0 ? "transparent" : (d) => color(haveClass(d)) ) .attr("d", (d) => arc(d)); g.append("text") .style("fill", (d) => dStrokeWidth(d) != 0 ? color(haveClass(d)) : "white" ) // .style("fill", strokeWidth != 0 ? (d) => color(haveClass(d)) : "white") .style("font-size", (d) => (d.fontSize ? d.fontSize : fontSize)) .style("font-weight", bold ? "bold" : "normal") // .attr("dy", (d) => (innerR / 2) * (atBottom(d) ? +1 : -0.9)) .attr("font-family", fontName) .attr("dy", (d) => (innerR / 2) * (atBottom(d) ? +1 : -0.9)) .attr("dominant-baseline", "middle") .attr("text-anchor", "middle") .append("textPath") .attr("startOffset", "50%") // .attr("startOffset", (d) => // d.textOffAngle ? 50 + d.textOffAngle + "%" : "50%" // ) .attr("xlink:href", (d) => d.uid.href) .text((d) => { let rawText = d.text; if (!rawText.includes("\n")) { return d.letterSpace ? rawText.split("").join("\xa0".repeat(d.letterSpace)) : rawText; } }) .select(function () { return this.parentNode; }) // In case of \n in text .clone() .attr("dy", (d) => (innerR / 2) * (atBottom(d) ? +1 + 0.45 : -0.9 - 0.45)) .append("textPath") .attr("startOffset", "50%") .attr("xlink:href", (d) => d.uid.href) .text((d) => { let rawText = d.text; if (rawText.includes("\n")) { let arrText = rawText.split("\n"); return d.letterSpace ? arrText[0].split("").join("\xa0".repeat(d.letterSpace)) : arrText[0]; } }) .select(function () { return this.parentNode; }) .clone() .attr( "dy", (d) => (innerR / 2) * (atBottom(d) ? +1.5 - 0.45 : -0.9 + 0.3) ) .append("textPath") .attr("startOffset", "50%") .attr("xlink:href", (d) => d.uid.href) .text((d) => { let rawText = d.text; if (rawText.includes("\n")) { let arrText = rawText.split("\n"); return d.letterSpace ? arrText[1].split("").join("\xa0".repeat(d.letterSpace)) : arrText[1]; } }); }; data.forEach((d) => (d.uid = DOM.uid("p-" + d.index))); svg.selectAll("g.arcLabel").data(data).join(enter); return svg.node().innerHTML; }35:T58a,# Creative Commons License Deed ## Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) This is a human-readable summary of (and not a substitute for) the [license](https://creativecommons.org/licenses/by-nc/4.0/legalcode). ### You are free to: * **Share** — copy and redistribute the material in any medium or format * **Adapt** — remix, transform, and build upon the material The licensor cannot revoke these freedoms as long as you follow the license terms. ### Under the following terms: * **Attribution** — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use. * **NonCommercial** — You may not use the material for commercial purposes. * **No additional restrictions** — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits. ### Notices: You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation. No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material. FileAttachment("88x31.png").image()36:[{"id":"60d5c2b2bbe6ba3dec12462f447b08bba2e9aa5d5cf20c5e6a697b50b577382021140e84e016afe1b1be2aacd2b5f1a0b2388871c0824e1daf0cc77aa79110c7","href":"https://static.observableusercontent.com/files/60d5c2b2bbe6ba3dec12462f447b08bba2e9aa5d5cf20c5e6a697b50b577382021140e84e016afe1b1be2aacd2b5f1a0b2388871c0824e1daf0cc77aa79110c7","name":"88x31-1.png","type":"image/png","lastModified":1685726171035.822,"size":1513},{"id":"9b6806e3dd9c4c2c26760ba784437138c78b43a9a8e58a0bbafe5833026e3265637c9c7810224d66b79ba907b4d0be731c1a81ad043e10376aec3c18a49f3d84","href":"https://static.observableusercontent.com/files/9b6806e3dd9c4c2c26760ba784437138c78b43a9a8e58a0bbafe5833026e3265637c9c7810224d66b79ba907b4d0be731c1a81ad043e10376aec3c18a49f3d84","name":"flare.json","type":"application/octet-stream","lastModified":1685726171035.822,"size":34321}] 2d:{"title":"Patimokkha by Categories NO RESUME","cells":[{"id":1,"value":"md`# Patimokkha by Categories NO RESUME\n\nIN CONSTRUCTION\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1839,"value":"import { rasterizeWhite } from \"@7722371e7ecac8bd/bhikkhu-patimokkha\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1843,"value":"FileAttachment(\"88x31-1.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1841,"value":"DOM.download(() => rasterizeWhite(chart), undefined, \"Save as PNG\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1861,"value":"import { GFontToDataURI } from \"@7722371e7ecac8bd/suttapitaka\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2005,"value":"viewof categories = Inputs.toggle({\n label: \"Include categories\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2017,"value":"DOM.download(serialize(chart), undefined, \"Download as SVG\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":1873,"value":"function autoBox() {\n document.body.appendChild(this);\n const { x, y, width, height } = this.getBBox();\n document.body.removeChild(this);\n return [x, y, width, height];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1519,"value":"myAngles = (offAngle) => {\n const myData = [];\n rootUsed.each((d) => {\n const push = {};\n if (d.height == 1) {\n push.startAngle = d.children[0].x - offAngle;\n push.endAngle = d.children[d.children.length - 1].x + offAngle;\n myData.push(push);\n }\n });\n return myData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1717,"value":"myData((Math.PI / 360) * 3)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1908,"value":"dataSubCat2Level2 = {\n const off = 0;\n const data = myData((Math.PI / 360) * 3);\n const arr = [\n {\n startAngle: data[2].startAngle + off,\n endAngle: data[2].endAngle - off,\n text: data[2].text,\n class: data[2].text\n // letterSpace: 10\n },\n {\n startAngle: data[3].startAngle + off,\n endAngle: data[3].endAngle - off,\n text: data[3].text,\n class: data[3].text\n // letterSpace: 5\n },\n {\n startAngle: data[4].startAngle + off,\n endAngle: data[4].endAngle - off,\n text: data[4].text,\n class: data[4].text\n // letterSpace: 1\n }\n ];\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1769,"value":"dataSubCat2Level = {\n const off = -0.75;\n const data = myAnglesSubCat2((Math.PI / 360) * 1.4);\n const arr = [\n {\n startAngle: data[0].startAngle + off,\n endAngle: data[0].endAngle - off,\n text: data[0].data,\n class: data[0].uid,\n // letterSpace: 2\n },\n {\n startAngle: data[1].startAngle + off,\n endAngle: data[1].endAngle - off,\n text: data[1].data,\n class: data[1].uid,\n // letterSpace: 4,\n flipLetters: true\n }\n ];\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1659,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1553,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1524,"value":"// myAnglesSubCat = (offAngle) => {\nmyAnglesSubCat = {\n const offAngle = 0;\n const myData = [];\n let subCat = \"\";\n let oldPush = {};\n let i=0;\n\n // LOOP //\n rootUsed.leaves().forEach((d) => {\n let push = {};\n if (d.data.subcat == \"\") d.data.subcat = d.data.cat; // d.data.subcat is the differential factor.\n\n // TEST //\n if (subCat != d.data.subcat) {\n \n push.startAngle = (d.x - offAngle)* 180/Math.PI;\n push.test = subCat;\n push.test2 = d.data.subcat;\n // push.endAngle = d.children[d.children.length - 1].x + offAngle;\n push.old = oldPush;\n\n // PUSH //\n myData.push(push);\n i++;\n\n // REASINGMENENT //\n subCat = d.data.subcat;\n oldPush = push;\n \n }\n });\n return myData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1159,"value":"rootUsed = tree(\n rootWithIngoing.sort((a, b) => d3.ascending(a.data.subcat, b.data.subcat))\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1509,"value":"myData = (offAngle) => {\n const myData = [];\n let i = 0;\n rootUsed.each((d) => {\n const push = {};\n if (d.height == 1) {\n push.text = d.data[0].slice(1);\n push.startAngle = ((d.children[0].x - offAngle) * 180) / Math.PI;\n push.endAngle =\n ((d.children[d.children.length - 1].x + offAngle) * 180) / Math.PI;\n push.space = 2;\n myData.push(push);\n }\n });\n return myData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1331,"value":"line = d3.lineRadial()\n .curve(d3.curveBundle.beta(0.85))\n .radius(d => d.y)\n .angle(d => d.x)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1187,"value":"myDataArcsubcat = (offAngle) => {\n const myDataArc = [];\n let i = 0;\n rootUsed.each((d) => {\n const push = {};\n if (d.height == 1) {\n push.data = d.data[0].slice(1);\n push.index = i;\n i++;\n push.value = 1;\n push.startAngle = d.children[0].x - offAngle;\n push.endAngle = d.children[d.children.length - 1].x + offAngle;\n myDataArc.push(push);\n }\n });\n return myDataArc;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1161,"value":"myDataArc = (offAngle) => {\n const myDataArc = [];\n let i = 0;\n rootUsed.each((d) => {\n const push = {};\n if (d.height == 1) {\n push.data = d.data[0].slice(1);\n push.index = i;\n i++;\n push.value = 1;\n push.startAngle = d.children[0].x - offAngle;\n push.endAngle = d.children[d.children.length - 1].x + offAngle;\n myDataArc.push(push);\n }\n });\n return myDataArc;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1511,"value":"rootUsed3 = tree(\n rootWithIngoing.sort((a, b) => d3.ascending(a.data.subcat, b.data.subcat))\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1123,"value":"dataArc = d3\n .pie()\n .sort(null)\n .value((d) => 1)([\n \"Samana Etiquette\",\n \"Communal Harmony\",\n \"Right Livelyhood\",\n \"Right Action\",\n \"Right Speech\"\n])","pinned":true,"hidden":false,"mode":"ojs"},{"id":784,"value":"url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRdNo7gB5mA7rJUYOxIyvljDYeb5t5pgW60eGGBjzQ9f0JlTrCIo_e3QmHly9kgQ4A_TiIqRHECGfDN/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1076,"value":"rootSub = d3.hierarchy(data3)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1072,"value":"data3 = d3.group(\n csvData,\n (d) => d.cat\n // (d) => d.subcat\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":789,"value":"csvData = {\n // this is a JS Array of Objects; the key-value pairs consist of the column headers and the cell data\n let names = [];\n const spreadsheet = await d3\n .csv(url)\n .then((data) => data.forEach((d) => names.push(d))); // d3.tsv returns a Promise\n return names;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":831,"value":"root2 = d3.hierarchy(data2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1014,"value":"array = [[\"test\", \"test2\"]]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1103,"value":"rootSorted = rootWithIngoing.sort((a, b) =>\n d3.ascending(a.data.subcat, b.data.subcat)\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1005,"value":"rootWithIngoing = {\n rootNew.each((node) => {\n let foundLeaf = 0;\n // tree() necessary ?\n if (node.height == 0) {\n // on leaves ?\n rootNew.each((leaf) => {\n if (leaf.outgoing) {\n // check if leaf has outgoing\n for (var i = 0; i < leaf.outgoing.length; i++) {\n // check if leaf is outgoing to node\n if (leaf?.outgoing[i][1] == node) {\n foundLeaf = 1;\n if (!node.incoming) {\n node.incoming = [[leaf, node]];\n } else {\n node.incoming = [...node.incoming, [leaf, node]];\n }\n }\n }\n }\n });\n }\n if (node.height == 0 && foundLeaf == 0) node.incoming = [];\n });\n return rootNew;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":884,"value":"rootNew = tree(rootWithOutgoing)","pinned":true,"hidden":false,"mode":"ojs"},{"id":837,"value":"rootWithOutgoing = {\n rootSub.each((d) => {\n if (d.data.related) {\n const ruleNums = d3.csvParse(d.data.related).columns; // an array\n\n const ruleNames = ruleNums.map((ruleNum) => {\n ruleNum = ruleNum.trim();\n const name = rootSub.find((x) => x.data.num == ruleNum);\n return [d, name];\n });\n d.outgoing = ruleNames;\n } else if (d.height == 0) {\n d.outgoing = [];\n }\n });\n return rootSub;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = hierarchy(await FileAttachment(\"flare.json\").json())","pinned":true,"hidden":false,"mode":"ojs"},{"id":781,"value":"d3.hierarchy(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"function hierarchy(data, delimiter = \".\") {\n let root;\n const map = new Map;\n data.forEach(function find(data) {\n const {name} = data;\n if (map.has(name)) return map.get(name);\n const i = name.lastIndexOf(delimiter);\n map.set(name, data);\n if (i >= 0) {\n find({name: name.substring(0, i), children: []}).children.push(data);\n data.name = name.substring(i + 1);\n } else {\n root = data;\n }\n return data;\n });\n return root;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":280,"value":"function bilink(root) {\n const map = new Map(root.leaves().map(d => [id(d), d]));\n for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map(i => [d, map.get(i)]);\n for (const d of root.leaves()) for (const o of d.outgoing) o[1].incoming.push(o);\n return root;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":180,"value":"function id(node) {\n return `${node.parent ? id(node.parent) + \".\" : \"\"}${node.data.name}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":698,"value":"function path([source, target]) {\n const p = new Path;\n line.context(p)(source.path(target));\n return p;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":676,"value":"class Path {\n constructor(_) {\n this._ = _;\n this._m = undefined;\n }\n moveTo(x, y) {\n this._ = [];\n this._m = [x, y];\n }\n lineTo(x, y) {\n this._.push(new Line(this._m, this._m = [x, y]));\n }\n bezierCurveTo(ax, ay, bx, by, x, y) {\n this._.push(new BezierCurve(this._m, [ax, ay], [bx, by], this._m = [x, y]));\n }\n *split(k = 0) {\n const n = this._.length;\n const i = Math.floor(n / 2);\n const j = Math.ceil(n / 2);\n const a = new Path(this._.slice(0, i));\n const b = new Path(this._.slice(j));\n if (i !== j) {\n const [ab, ba] = this._[i].split();\n a._.push(ab);\n b._.unshift(ba);\n }\n if (k > 1) {\n yield* a.split(k - 1);\n yield* b.split(k - 1);\n } else {\n yield a;\n yield b;\n }\n }\n toString() {\n return this._.join(\"\");\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":683,"value":"class Line {\n constructor(a, b) {\n this.a = a;\n this.b = b;\n }\n split() {\n const {a, b} = this;\n const m = [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2];\n return [new Line(a, m), new Line(m, b)];\n }\n toString() {\n return `M${this.a}L${this.b}`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":685,"value":"BezierCurve = {\n const l1 = [4 / 8, 4 / 8, 0 / 8, 0 / 8];\n const l2 = [2 / 8, 4 / 8, 2 / 8, 0 / 8];\n const l3 = [1 / 8, 3 / 8, 3 / 8, 1 / 8];\n const r1 = [0 / 8, 2 / 8, 4 / 8, 2 / 8];\n const r2 = [0 / 8, 0 / 8, 4 / 8, 4 / 8];\n\n function dot([ka, kb, kc, kd], {a, b, c, d}) {\n return [\n ka * a[0] + kb * b[0] + kc * c[0] + kd * d[0],\n ka * a[1] + kb * b[1] + kc * c[1] + kd * d[1]\n ];\n }\n\n return class BezierCurve {\n constructor(a, b, c, d) {\n this.a = a;\n this.b = b;\n this.c = c;\n this.d = d;\n }\n split() {\n const m = dot(l3, this);\n return [\n new BezierCurve(this.a, dot(l1, this), dot(l2, this), m),\n new BezierCurve(m, dot(r1, this), dot(r2, this), this.d)\n ];\n }\n toString() {\n return `M${this.a}C${this.b},${this.c},${this.d}`;\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"line = d3.lineRadial()\n .curve(d3.curveBundle)\n .radius(d => d.y)\n .angle(d => d.x)","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"tree = d3.cluster()\n .size([2 * Math.PI, radius - 100])","pinned":true,"hidden":false,"mode":"ojs"},{"id":588,"value":"color = t => d3.interpolateRdBu(1 - t)","pinned":true,"hidden":false,"mode":"ojs"},{"id":537,"value":"k = 6 // 2^k colors segments per curve","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"width = 954","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"radius = width / 3","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":792,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":1418,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":1421,"value":"import { myColor } from \"854486827ec381b5\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1425,"value":"shuffleSeed = require(\"https://bundle.run/shuffle-seed@1.1.6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1844,"value":"$35","pinned":false,"hidden":false,"mode":"md"},{"id":2019,"value":"import { serialize } from \"@cocisuts/saving-svg\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2012,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W36","stdlib":"1","titling":"auto"}