2f:T14e5,chart = { const off = 6; // 6 const rayon = 1.5; // 1.5 const font = 8; // 8 const fontRoot = 16; // 9 const fontLevel2 = 14; const fontLevel3 = 12; const fontLevel4 = 10; const fontLeaf = 8; const root = tree(d3.hierarchy(data)); const currentColor = null; const svg0 = d3.create("svg"); const svg = svg0.append("svg"); root.x = Math.PI / 2; // const svg = d3.create("svg").attr("viewBox", [-400, -400, width, height]); const path = svg .append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 1) // 0.4 .attr("stroke-width", 0.5) // 1 .selectAll("path") .data(root.links()) .join("path") .attr("stroke", (d) => { let node = d.source; for (let k = 0; k < 4; k++) { if (node.ancestors().includes(root.children[k])) { return colori[k + 1]; } else if (node == root) { return colori[0]; } } }) .attr( "d", d3 .linkRadial() .angle((d) => d.x) .radius((d) => d.y) ) .attr("stroke-width", (d) => { if (d.target.data.name == "@") { return 0; } }); // .attr("transform", (d) => `translate(${d})`); const circle = svg .append("g") .selectAll("circle") .data(root.descendants()) .join("circle") .attr( "transform", (d) => ` rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0) ` ) .attr("fill", (d) => (d.children ? "#555" : "#999")) .attr("fill", color1) .attr("fill", (d) => { const node = d; for (let k = 0; k < 4; k++) { if (node.ancestors().includes(root.children[k])) { // return color(root.children[k].data.name); if (node.children) { return colori[k + 1]; } else { return coloriFade[k + 1]; } } else if (node == root) { return colori[0]; } } }) .attr("r", (d) => { const name = d.data.name; if (name == "" || name == "@") { return 0; } else { return rayon; } }); // .attr("transform", (d) => `translate(${d})`); const text = svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", font) .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("text") .data(root.descendants()) .join("text") .attr("fill", (d) => { const node = d; // console.log(node.ancestors().length); // for i in ancestors if inclides then red for (let k = 0; k < 4; k++) { if (node.ancestors().includes(root.children[k])) { // return color(root.children[k].data.name); return colori[k + 1]; } else if (node == root) { return colori[0]; } } }) .attr( "transform", (d) => ` rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0) rotate(${d.x >= Math.PI ? 180 : 0}) ` ) .attr("dy", "0.31em") // .attr("font-size", (d) => { // if (d == root.descendants().first()) { // return fontRoot; // } // 11 or 12 // else if (d.children) { // return font; // } // 10 or 11 // else { // return font; // } // }) .attr("font-size", (d) => { if (d.depth == 0) { return fontRoot; } // 11 or 12 else if (d.depth == 1) { return fontLevel2; } // 10 or 11 else if (d.depth == 2) { return fontLevel3; } // 10 or 11 else if (d.depth == 3) { return fontLevel4; } // 10 or 11 else if (!d.children) { return fontLeaf; } // 10 or 11 else { return font; } }) .attr("x", (d) => { // d.x < Math.PI === !d.children ? 6 : -6; if (d.data.name.includes("*")) { return d.x < Math.PI ? off : -off; } else if (d.data.name.includes("%")) { return d.x < Math.PI ? -off : off; } else { return d.x < Math.PI === !d.children ? off : -off; } }) .attr( "text-anchor", // (d) => (d.x < Math.PI === !d.children ? "start" : "end") (d) => { if (d.data.name.includes("*")) { // ne sert à rien pour l'instant return d.x < Math.PI ? "start" : "end"; } else if (d.data.name.includes("%")) { // ne sert à rien pour l'instant return d.x < Math.PI ? "end" : "start"; } else { return d.x < Math.PI === !d.children ? "start" : "end"; } } ) .text((d) => d.data.name.replace("*", "").replace("%", "").replace("@", "")) // * dans le nom place derière % devant .clone(true) .lower() .attr("stroke", "white"); // .attr("transform", (d) => `translate(${d})`); return svg.attr("viewBox", autoBox).node(); // no zoom // Zoom // // zoom from https://observablehq.com/@d3/zoom-svg-rescaled?collection=@d3/d3-zoom // svg.attr("viewBox", autoBox).node(); // svg.call( // d3 // .zoom() // .extent([ // [0, 0], // [width, height] // ]) // .scaleExtent([1, 8]) // .on("zoom", zoomed) // ); // function zoomed({ transform }) { // svg.attr("transform", transform); // } // return svg.node(); }30:T8d2,data=treeify(`Cetasika * ==aññasamānacetasika ** ===sabbacittasādhāraṇa ***_ 1. Contact (phassa) ***_ 2. Feeling (vedanā) ***_ 3. Perception (saññā) ***_ 4. Volition (cetanā) ***_ 5. One-pointedness (ekaggatā) ***_ 6. Mental life faculty (jīvitindriya) ***_ 7. Attention (manasikāra) ** ===pakiṇṇaka ***_ 8. Initial application (vitakka) ***_ 9. Sustained application (vicāra) ***_ 10. Decision (adhimokkha) ***_ 11. Energy (viriya) ***_ 12. Zest (pīti) ***_ 13. Desire (chanda) * ==akusalacetasika ** ===sabbacittasādhāraṇa ***_ 14. Delusion (moha) ***_ 15. Shamelessness (ahirika) ***_ 16. fearlessness of wrongdoing (anottappa) ***_ 17. Restlessness (uddhacca) ** ===pakiṇṇaka ***_ 18. Greed (lobha) ***_ 19. Wrong view (diṭṭhi) ***_ 20. Conceit (māna) ***_ 21. Hatred (dosa) ***_ 22. Envy (issā) ***_ 23. Avarice (macchariya) ***_ 24. Worry (kukkucca) ***_ 25. Sloth (thīna) ***_ 26. Torpor (middha) ***_ 27. Doubt (vicikicchā) * ==sobhanacetasika ** ===sobhanasādhāraṇa ***_ 28. Faith (saddhā) ***_ 29. Mindfulness (sati) ***_ 30. Shame (hiri) ***_ 31. fear of wrongdoing (ottappa) ***_ 32. Non-greed (alobha) ***_ 33. Non-hatred (adosa) ***_ 34. Neutrality of mind (tatramajjhattatā) ***_ 35. Tranquillity of the (mental) body (kāyapassaddhi) ***_ 36. Tranquillity of consciousness (cittapassaddhi) ***_ 37. Lightness of the (mental) body (kāyalahutā) ***_ 38. Lightness of consciousness (cittalahutā) ***_ 39. Malleability of the (mental) body (kāyamudutā) ***_ 40. Malleability of consciousness (cittamudutā) ***_ 41. Wieldiness of the (mental) body (kāyakammaññatā) ***_ 42. Wieldiness of consciousness (cittakammaññatā) ***_ 43. Proficiency of the (mental) body (kāyapāguññatā) ***_ 44. Proficiency of consciousness (cittapāguññatā) ***_ 45. Rectitude of the (mental) body (kāyujjukatā) ***_ 46. Rectitude of consciousness (cittujjukatā) ** ===virati ***_ 47. Right speech (sammāvācā) ***_ 48. Right action (sammākammanta) ***_ 49. Right livelihood (sammā-ājīva) ** ===appamaññā ***_ 50. Compassion (karuṇā) ***_ 51. Appreciative joy (muditā) ** ===amoha ***_ 52. wisdom faculty (paññā) `.replace(/(_ \d+\.)? =*/g,'').replace(/[*]/g, '\t').replace(/\n\t/g,'\n'))31:T6a3,// 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("-"); }32: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()33:[{"id":"60d5c2b2bbe6ba3dec12462f447b08bba2e9aa5d5cf20c5e6a697b50b577382021140e84e016afe1b1be2aacd2b5f1a0b2388871c0824e1daf0cc77aa79110c7","href":"https://static.observableusercontent.com/files/60d5c2b2bbe6ba3dec12462f447b08bba2e9aa5d5cf20c5e6a697b50b577382021140e84e016afe1b1be2aacd2b5f1a0b2388871c0824e1daf0cc77aa79110c7","name":"88x31-1.png","type":"image/png","lastModified":1687223460491.321,"size":1513}] 2d:{"title":"Cetasika II","cells":[{"id":1,"value":"md`# Cetasika II\n\nBased on [The Buddha's mind by Cittadhammo](https://observablehq.com/d/cafeebabe0e0295a)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1236,"value":"FileAttachment(\"88x31-1.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1297,"value":"tree(d3.hierarchy(data)).x","pinned":true,"hidden":false,"mode":"ojs"},{"id":1229,"value":"import { rasterizeWhite } from \"@7722371e7ecac8bd/bhikkhu-patimokkha\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1228,"value":"DOM.download(() => rasterizeWhite(chart), undefined, \"Save as PNG\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":854,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1194,"value":"// data = FileAttachment(\"data.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":942,"value":"root = tree(d3.hierarchy(data))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1018,"value":"test3 = root.descendants()","pinned":true,"hidden":false,"mode":"ojs"},{"id":322,"value":"viewof color1 = colorPicker(\"631680\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"viewof color2 = colorPicker(\"08732a\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"viewof color3 = colorPicker(\"b52222\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"viewof color4 = colorPicker(\"a88b0a\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":317,"value":"viewof color5 = colorPicker(\"#1b6796\")\n//baab22","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"viewof arbre1Col = colorPicker(\"baab22\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1000,"value":"function transpose(a) {\n// return a[0].map(function (_, c) {\n// return a.map(function (r) {\n// return r[c];\n// });\n// });\n // or in more modern dialect\n return a[0].map((_, c) => a.map(r => r[c]));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":373,"value":"coloriFade = colori.map((el) => {\n el = d3.hsl(el);\n el.s = el.s - 0;\n el.l = el.l + 0;\n return el;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"colori = [color1, color2, color3, color4, color5]","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"numCol = 6","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"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":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"function treeify(source) {\n source = source.replace(/ /g, \"\\t\"); // tab = two sapce in observable\n const parents = [];\n const nodes = source.trim().split(/\\n/g);\n parents.push({ name: nodes[0] });\n parents.push({ children: [] });\n for (let i = 1, n = nodes.length; i < n; ++i) {\n const depth = nodes[i].match(/^\\t*/)[0].length;\n let depthB = 0;\n if (i < n - 1) depthB = nodes[i + 1].match(/^\\t*/)[0].length;\n const parent = parents[depth];\n if (!parent.children) parent.children = [];\n\n if (depth - depthB >= 0) {\n parent.children.push(\n (parents[depth + 1] = { name: nodes[i].slice(depth), value: 1 })\n );\n } else {\n parent.children.push(\n (parents[depth + 1] = { name: nodes[i].slice(depth) })\n );\n }\n }\n return parents[0];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"dataH = d3.hierarchy(data)","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"tree = d3.tree()\n .size([2 * Math.PI, radius])\n .separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth)","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"width = 900","pinned":false,"hidden":false,"mode":"ojs"},{"id":1128,"value":"height = 900","pinned":true,"hidden":false,"mode":"ojs"},{"id":251,"value":"color = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, numCol))","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"radius = width / 2.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"import { colorPicker } from \"@shaunlebron/color-picker\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1217,"value":"import { serialize } from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1219,"value":"DOM.download(() => rasterize(chart), undefined, \"Save as PNG\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1213,"value":"function rasterize(svg) {\n const PNGprecision = 3;\n let resolve, reject;\n const promise = new Promise((y, n) => ((resolve = y), (reject = n)));\n const image = new Image();\n image.onerror = reject;\n image.onload = () => {\n const rect = svg.getBoundingClientRect();\n const context = DOM.context2d(\n rect.width * PNGprecision,\n rect.height * PNGprecision\n );\n context.drawImage(\n image,\n 0,\n 0,\n rect.width * PNGprecision,\n rect.height * PNGprecision\n );\n context.canvas.toBlob(resolve, \"image/png\", 1);\n };\n image.src = URL.createObjectURL(serialize(svg));\n return promise;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1232,"value":"$32","pinned":false,"hidden":false,"mode":"md"}],"files":"$W33","stdlib":"1","titling":"auto"}