3e:null 3f:["$","title",null,{"children":"Sunburst | ChrisM | Observable"}] 45:T79e,chart = { // Specify the chart’s colors and approximate radius (it will be adjusted at the end). const color = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, data.children.length + 1)); const radius = 928 / 2; // Prepare the layout. const partition = data => d3.partition() .size([2 * Math.PI, radius]) (d3.hierarchy(data) .sum(d => d.value) .sort((a, b) => b.value - a.value)); const arc = d3.arc() .startAngle(d => d.x0) .endAngle(d => d.x1) .padAngle(d => Math.min((d.x1 - d.x0) / 2, 0.005)) .padRadius(radius / 2) .innerRadius(d => d.y0) .outerRadius(d => d.y1 - 1); const root = partition(data); // Create the SVG container. const svg = d3.create("svg"); // Add an arc for each element, with a title for tooltips. const format = d3.format(",d"); svg.append("g") .attr("fill-opacity", 0.6) .selectAll("path") .data(root.descendants().filter(d => d.depth)) .join("path") .attr("fill", d => { while (d.depth > 1) d = d.parent; return color(d.data.name); }) .attr("d", arc) .append("title") .text(d => `${d.ancestors().map(d => d.data.name).reverse().join("/")}\n${format(d.value)}`); // Add a label for each element. svg.append("g") .attr("pointer-events", "none") .attr("text-anchor", "middle") .attr("font-size", 10) .attr("font-family", "sans-serif") .selectAll("text") .data(root.descendants().filter(d => d.depth && (d.y0 + d.y1) / 2 * (d.x1 - d.x0) > 10)) .join("text") .attr("transform", function(d) { const x = (d.x0 + d.x1) / 2 * 180 / Math.PI; const y = (d.y0 + d.y1) / 2; return `rotate(${x - 90}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`; }) .attr("dy", "0.35em") .text(d => d.data.name); // The autoBox function adjusts the SVG’s viewBox to the dimensions of its contents. return svg.attr("viewBox", autoBox).node(); }46:T470,function parseTreeText(text) { const lines = text.split("\n"); function parseNode(next, parentIndent) { // Get the next non-blank line let match; while (match == null && next < lines.length) { match = lines[next].match("^(\\s*)([^\\s].*)"); next++; } if (match == null) { // Must be at end return [null, next]; } // Determine whether this is really a child of the parent const indent = match[1].length; if (indent <= parentIndent) { return [null, next - 1]; } const name = match[2]; let children; [children, next] = parseChildren(next, indent); const node = { name, children, } return [node, next]; } function parseChildren(next, parentIndent) { const children = []; let childNode; while (next < lines.length) { [childNode, next] = parseNode(next, parentIndent); if (childNode == null) { break; } children.push(childNode); } return [children, next]; } const [children, _] = parseChildren(0, -1); return { name: null, children, }; }47:[{"id":"e65374209781891f37dea1e7a6e1c5e020a3009b8aedf113b4c80942018887a1176ad4945cf14444603ff91d3da371b3b0d72419fa8d2ee0f6e815732475d5de","href":"https://static.observableusercontent.com/files/e65374209781891f37dea1e7a6e1c5e020a3009b8aedf113b4c80942018887a1176ad4945cf14444603ff91d3da371b3b0d72419fa8d2ee0f6e815732475d5de","name":"flare-2.json","type":"application/octet-stream","lastModified":1695163350805.78,"size":11634},{"id":"1892f377c25bc958177b6344a0b93c6fad87af579f74ebbc5c206ed68f2594224b053576f3b46fc6394743efe79b7586ee98f9795ab703d65e62b81664d48fbf","href":"https://static.observableusercontent.com/files/1892f377c25bc958177b6344a0b93c6fad87af579f74ebbc5c206ed68f2594224b053576f3b46fc6394743efe79b7586ee98f9795ab703d65e62b81664d48fbf","name":"flare-2@1.json","type":"application/json","lastModified":1695163439292.849,"size":786},{"id":"a2197e344065582d9783f751168730a38e0790418132e97084b13267f2b47c0c8dfacf192fa52eab34b28d33f86a3ff2a668cb9789a7bf86af97a20095c4ff3e","href":"https://static.observableusercontent.com/files/a2197e344065582d9783f751168730a38e0790418132e97084b13267f2b47c0c8dfacf192fa52eab34b28d33f86a3ff2a668cb9789a7bf86af97a20095c4ff3e","name":"flare3.json","type":"application/json","lastModified":1695163538428.319,"size":786}] 43:{"id":"806f1fc8c9a8078f","slug":null,"title":"Sunburst","thumbnail":"e19f475a082e9b1c14a0a9f725fdc61e655922ecd8947799d096fd226c86b1ed","access_level":"public","create_time":"$D2023-09-19T22:42:30.805Z","update_time":"$D2023-09-19T23:00:28.617Z","view_time":null,"first_public_time":"$D2023-09-19T22:42:30.805Z","has_unpublished_edits":null,"fork":{"id":"3f28b7b1d9e9bc0d","slug":"sunburst/2","title":"Sunburst","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"44d121dd06cefd06","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":"starter_2024","bio":"","following":false},"version":282,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2fec9bae66c3f06a","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"2fec9bae66c3f06a","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sunburst","cells":[{"id":0,"value":"

Sunburst

D3 › Gallery

\n\n# Sunburst\n\nThis radial space-filling visualization created by [John Stasko](https://www.cc.gatech.edu/gvu/ii/sunburst/) shows the cumulative values of subtrees. It is commonly used to visualize software packages (the size of source code within nested packages) and file systems (the size of files within nested folders). See also the [zoomable version](/@d3/zoomable-sunburst) and the [icicle diagram](/@d3/icicle/2?intent=fork).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"viewof textin = Inputs.textarea({\n rows: 20,\n resize: true,\n spellcheck: true,\n value: `\nConnection\n Acceptance\n Affection\n Clarity\n Communication\n Confirmation\n Compassion\n Intimacy\n Understanding\n Love\nAutonomy\n Choice Space\n Spontaneity\nPeace\n Beauty\n Ease\n Harmony\n Order\n Wholeness\nInterconnection\n Belonging\n Consideration\n Community\n Cooperation\n Dignity\n Mutuality\n Support\n Trust\nMeaning\n Contribution\n Creativity\n Hope\n Inspiration\n Purpose\nCelebration\n Joy\n Mourning\n Play\nCompetence\n Effectiveness\n Efficiency\n Growth\n Learning\n Power\nHonesty\n Authenticity\n Integrity\nBasic Survival\n Shelter\n Food & Water\n Rest\n Safety\n Security\n Touch\n`.trim()});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = parseTreeText(textin)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"console.log(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 44:"$43:body"