2c:null 2d:["$","title",null,{"children":"Citta II | Hello Tham | Observable"}] 32:T1805,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; // root.descendants().forEach((d) => { // // this allows tu use Sutta Ref in chart. // if (d.data.name.includes("[")) { // const regexSutta = /(?<=\[).*(?=\])/g; // this breaks safari because it cannot do lookaheads... // const regexName = /^.*(?= \[)/gm; // needs a space before the bracket // const suttaRefString = d.data.name.match(regexSutta); // const suttaRefArray = suttaRefString[0].split(", "); // const nameRef = d.data.name.match(regexName); // d.data.name = nameRef[0]; // d.data.ref = suttaRefArray; // } // }); 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++) { // ARBRE COLOR // for (let j = 0; j < node.ancestors().length; j++) { // if (node.ancestors()[j].data.name == arbre1.name) { // return arbre1.color; // } // } 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(); }33:T197b,data=treeify(`* =Citta ** ==kāmāvacara *** ===akusalacittāni **** ====lobhamūlacittāni *****_ 1. Somanassasahagataṁ diṭṭhigatasampayuttaṁ asaṁkhārikam ekaṁ *****_ 2. Somanassasahagataṁ diṭṭhigatasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 3. Somanassasahagataṁ diṭṭhigatavippayuttaṁ asaṁkhārikam ekaṁ *****_ 4. Somanassasahagataṁ diṭṭhigatavippayuttaṁ sasaṁkhārikam ekaṁ *****_ 5. Upekkhāsahagataṁ diṭṭhigatasampayuttaṁ asaṁkhārikam ekaṁ *****_ 6. Upekkhāsahagataṁ diṭṭhigatasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 7. Upekkhāsahagataṁ diṭṭhigatavippayuttaṁ asaṁkhārikam ekaṁ *****_ 8. Upekkhāsahagataṁ diṭṭhigatavippayuttaṁ sasaṁkhārikam ekaṁ **** ====dosamūlacittāni *****_ 9. Domanassasahagataṁ paṭighasampayuttaṁ asaṁkhārikam ekaṁ *****_ 10. Domanassasahagataṁ paṭighasampayuttaṁ sasaṁkhārikam ekaṁ **** ====mohamūlacittāni *****_ 11. Upekkhāsahagataṁ vicikicchāsampayuttam ekaṁ *****_ 12. Upekkhāsahagataṁ uddhaccasampayuttam ekaṁ *** ===ahetukacittāni **** ====akusalavipākacittāni *****_ 13. Upekkhāsahagataṁ cakkhuviññāṇaṁ *****_ 14. Upekkhāsahagataṁ sotaviññāṇaṁ *****_ 15. Upekkhāsahagataṁ ghānaviññāṇaṁ *****_ 16. Upekkhāsahagataṁ jivhāviññāṇaṁ *****_ 17. Dukkhasahagataṁ kāyaviññāṇaṁ *****_ 18. Upekkhāsahagataṁ sampaṭicchanacittaṁ *****_ 19. Upekkhāsahagataṁ santīraṇacittaṁ **** ====kusalavipāka-ahetukacittāni *****_ 20. Upekkhāsahagataṁ cakkhuviññāṇaṁ *****_ 21. Upekkhāsahagataṁ sotaviññāṇaṁ *****_ 22. Upekkhāsahagataṁ ghānaviññāṇaṁ *****_ 23. Upekkhāsahagataṁ jivhāviññāṇaṁ *****_ 24. Sukhasahagataṁ kāyaviññāṇaṁ *****_ 25. Upekkhāsahagataṁ sampaṭicchanacittaṁ *****_ 26. Somanassasahagataṁ santīraṇacittaṁ *****_ 27. Upekkhāsahagataṁ santīraṇacittaṁ **** ====ahetukakiriya-cittāni *****_ 28. Upekkhāsahagataṁ pañcadvārāvajjanacittaṁ *****_ 29. Upekkhāsahagataṁ manodvārāvajjanacittaṁ *****_ 30. Somanassasahagataṁ hasituppādacittaṁ *** ===sobhanacittāni **** ====kusalacittāni *****_ 31. Somanassasahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 32. Somanassasahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 33. Somanassasahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 34. Somanassasahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ *****_ 35. Upekkhāsahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 36. Upekkhāsahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 37. Upekkhāsahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 38. Upekkhāsahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ **** ====vipākacittāni *****_ 99. Somanassasahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 40. Somanassasahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 41. Somanassasahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 42. Somanassasahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ *****_ 43. Upekkhāsahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 44. Upekkhāsahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 45. Upekkhāsahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 46. Upekkhāsahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ **** ====kriyācittāni *****_ 47. Somanassasahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 48. Somanassasahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 49. Somanassasahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 50. Somanassasahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ *****_ 51. Upekkhāsahagataṁ ñāṇasampayuttaṁ asaṁkhārikam ekaṁ *****_ 52. Upekkhāsahagataṁ ñāṇasampayuttaṁ sasaṁkhārikam ekaṁ *****_ 53. Upekkhāsahagataṁ ñāṇavippayuttaṁ asaṁkhārikam ekaṁ *****_ 54. Upekkhāsahagataṁ ñāṇavippayuttaṁ sasaṁkhārikam ekaṁ ** ==rūpāvacara *** **** ===kusalacittāni *****_ 55. Vitakka-vicāra-pīti-sukh’-ekaggatā-sahitaṁ paṭhamajjhāna-kusalacittaṁ *****_ 56. Vicāra-pīti-sukh’-ekaggatā-sahitaṁ dutiyajjhāna-kusalacittaṁ *****_ 57. Pīti-sukh’-ekaggatā-sahitaṁ tatiyajjhāna-kusalacittaṁ *****_ 58. Sukh’-ekaggatā-sahitaṁ catutthajjhāna-kusalacittaṁ *****_ 59. Upekkh’-ekaggatā-sahitaṁ pañcamajjhāna-kusalacittaṁ **** ===vipākacittāni *****_ 60. Vitakka-vicāra-pīti-sukh’-ekaggatā-sahitaṁ paṭhamajjhāna-vipākacittaṁ *****_ 61. Vicāra-pīti-sukh’-ekaggatā-sahitaṁ dutiyajjhāna-vipākacittaṁ *****_ 62. Pīti-sukh’-ekaggatā-sahitaṁ tatiyajjhāna-vipākacittaṁ *****_ 63. Sukh’-ekaggatā-sahitaṁ catutthajjhāna-vipākacittaṁ *****_ 64. Upekkh’-ekaggatā-sahitaṁ pañcamajjhāna-vipākacittaṁ **** ===kriyācittāni *****_ 65. Vitakka-vicāra-pīti-sukh’-ekaggatā-sahitaṁ paṭhamajjhāna-kriyācittaṁ *****_ 66. Vicāra-pīti-sukh’-ekaggatā-sahitaṁ dutiyajjhāna-kriyācittaṁ *****_ 67. Pīti-sukh’-ekaggatā-sahitaṁ tatiyajjhāna-kriyācittaṁ *****_ 68. Sukh’-ekaggatā-sahitaṁ catutthajjhāna-kriyācittaṁ *****_ 69. Upekkh’-ekaggatā-sahitaṁ pañcamajjhāna-kriyācittaṁ ** ==arūpāvacara *** **** ===kusalacittāni *****_ 70. Ākāsānañcāyatana-kusalacittaṁ *****_ 71. Viññāṇañcāyatana-kusalacittaṁ *****_ 72. Ākiñcaññāyatana-kusalacittaṁ *****_ 73. N’evasaññān’āsaññāyatana-kusalacittaṁ **** ===vipākacittāni *****_ 74. Ākāsānañcāyatana-vipākacittaṁ *****_ 75. Viññāṇañcāyatana-vipākacittaṁ *****_ 76. Ākiñcaññāyatana-vipākacittaṁ *****_ 77. N’evasaññān’āsaññāyatana-vipākacittaṁ **** ===kriyācittāni *****_ 78. Ākāsānañcāyatana-kriyācittaṁ *****_ 79. Viññāṇañcāyatana-kriyācittaṁ *****_ 80. Ākiñcaññāyatana-kriyācittaṁ *****_ 81. N’evasaññān’āsaññāyatana-kriyācittaṁ ** ==lokuttara *** **** ===kusalacittāni *****_ 82. Sakadāgāmi-maggacittaṁ *****_ 83. Sotāpatti-maggacittaṁ *****_ 84. Anāgāmi-maggacittaṁ *****_ 85. Arahatta-maggacittaṁ **** ===vipākacittāni *****_ 86. Sotāpatti-phalacittaṁ *****_ 87. Sakadāgāmi-phalacittaṁ *****_ 88. Anāgāmi-phalacittaṁ *****_ 89. Arahatta-phalacittaṁ`.replace(/\*(_ \d+\.)? =*/g,'').replace(/[*]/g, '\t').replace(/\n\t/g,'\n'))34: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("-"); }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":1687166825069.471,"size":1513}] 30:{"id":"4d87361d273cc2a5","slug":null,"title":"Citta II","thumbnail":"8edb066f39371ce22c03471354c2456f19564c1518c8b6d8aaaf47589cf4c1f8","access_level":"public","create_time":"$D2023-06-19T09:27:05.069Z","update_time":"$D2023-06-20T01:32:54.967Z","view_time":null,"first_public_time":"$D2023-06-19T09:27:05.069Z","has_unpublished_edits":null,"fork":{"id":"cafeebabe0e0295a","slug":null,"title":"The Buddha's Mind II (tsv)","owner":{"id":"d277e65fbd31f04d","login":"cittadhammo","name":"Cittadhammo"}},"stars":1,"starred":false,"owner":{"type":"team","id":"5d95bf25af5ba590","login":"hellotham","name":"Hello Tham","avatar_url":"https://avatars-next.observableusercontent.com/804677017ba52d9f4923d91aa8983b49aeafc7b84153d49cb447161e93a600e2","tier":"starter_2024"},"version":1363,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c5e530799364f270","login":"christinetham","name":"Christine Tham","avatar_url":"https://avatars-next.observableusercontent.com/afd22cec398bf4239e987ca734c900df2f93a9623a9dcbc73dd8982677685ff0","tier":null}],"members":[{"type":"individual","id":"c5e530799364f270","login":"christinetham","name":"Christine Tham","avatar_url":"https://avatars-next.observableusercontent.com/afd22cec398bf4239e987ca734c900df2f93a9623a9dcbc73dd8982677685ff0","tier":null,"role":"editor"},{"type":"team","id":"5d95bf25af5ba590","login":"hellotham","name":"Hello Tham","avatar_url":"https://avatars-next.observableusercontent.com/804677017ba52d9f4923d91aa8983b49aeafc7b84153d49cb447161e93a600e2","tier":"starter_2024","role":"editor"}],"comments":[{"id":"8c5bd5b13f44ef49","reply_to_id":null,"content":"You can modify the chart by playing with the root tree.\n\nadd the line after declaring root: \n```\nconst dist1 = 120;\n\n root.x = Math.PI / 2;\n root.children[0].y = dist1;\n root.children[1].y = dist1;\n root.children[2].y = dist1;\n root.children[3].y = dist1;\n root.children[0].x += (Math.PI / 180) * 10;\n root.children[0].children[1].x -= (Math.PI / 180) * 10;\n```\n\nYou can check here https://observablehq.com/d/af2c081735aaca1e","create_time":"$D2023-06-20T17:44:53.173Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"7722371e7ecac8bd","login":"cittadhammo","name":"Cittadhammo","avatar_url":"https://avatars-next.observableusercontent.com/e3cb3f2eef03b628da9dd1e938902c82ffb474c2adb36b34ce7ffd562d9f2158","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Citta II","cells":[{"id":1,"value":"md`# Citta II\n\nBased on [The Buddha's mind by Cittadhammo](https://observablehq.com/d/cafeebabe0e0295a)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1236,"value":"FileAttachment(\"88x31-1.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1297,"value":"tree(d3.hierarchy(data)).x","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"import { rasterizeWhite } from \"@7722371e7ecac8bd/bhikkhu-patimokkha\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1228,"value":"DOM.download(() => rasterizeWhite(chart), undefined, \"Save as PNG\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1194,"value":"// data = FileAttachment(\"data.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"root = tree(d3.hierarchy(data))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"test3 = root.descendants()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"viewof color1 = colorPicker(\"631680\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"viewof color2 = colorPicker(\"08732a\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"viewof color3 = colorPicker(\"b52222\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"viewof color4 = colorPicker(\"a88b0a\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"viewof color5 = colorPicker(\"#1b6796\")\n//baab22","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"viewof arbre1Col = colorPicker(\"baab22\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"colori = [color1, color2, color3, color4, color5]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"numCol = 6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"dataH = d3.hierarchy(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"width = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1128,"value":"height = 900","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"color = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, numCol))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"radius = width / 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"import { colorPicker } from \"@shaunlebron/color-picker\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1217,"value":"import { serialize } from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"DOM.download(() => rasterize(chart), undefined, \"Save as PNG\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1232,"value":"$35","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 31:"$30:body"