2c:null 2d:["$","title",null,{"children":"Radial tidy tree of cmudict | Amit Patel | Observable"}] 32:T960,chart = { // Specify the chart’s dimensions. const width = 1200; const height = width; const cx = width * 0.5; // adjust as needed to fit const cy = height * 0.5; // adjust as needed to fit const is_truncated_tree = !!data.count; const radius = Math.min(width, height) / 2 - (is_truncated_tree? 110 : 30); // Create a radial tree layout. The layout’s first dimension (x) // is the angle, while the second (y) is the radius. const tree = d3.cluster() .size([2 * Math.PI, radius]) .separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth); // Sort the tree and apply the layout. const root = tree(d3.hierarchy(data) .sort((a, b) => d3.ascending(a.data.name, b.data.name))); // Creates the SVG container. const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-cx, -cy, width, height]) .attr("style", `width: 100%; height: auto; font: ${is_truncated_tree? 20:10}px sans-serif;`); // Append links. svg.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.5) .attr("stroke-width", 2) .selectAll() .data(root.links()) .join("path") .attr("stroke", d => (d.target.data.vowel === 'none'? "hsl(30 40% 20%)" : d.target.data.vowel === 'all'? "hsl(200 50% 50%)" : is_truncated_tree? "hsl(0 0% 80%)" : "hsl(0 100% 50%)")) .attr("d", d3.linkRadial() .angle(d => d.x) .radius(d => d.y)); // Append nodes. svg.append("g") .selectAll() .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("r", 2.5); // Append labels. svg.append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll() .data(root.descendants()) .join("text") .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("x", d => d.x < Math.PI === !d.children ? 6 : -6) .attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end") .attr("paint-order", "stroke") .attr("stroke", "white") .attr("fill", "currentColor") .text(d => d.data.name); return svg.node(); }33:[{"id":"6bbcb19983bee2aae2bead65fa07c0d7d00e1b6da79cea8c83b2bde2a0d2aef38d5204d8e31a5ca60989587a19177e8dea03ced27b0262d546a647250400c972","href":"https://static.observableusercontent.com/files/6bbcb19983bee2aae2bead65fa07c0d7d00e1b6da79cea8c83b2bde2a0d2aef38d5204d8e31a5ca60989587a19177e8dea03ced27b0262d546a647250400c972","name":"truncated@3.json","type":"application/json","lastModified":1787624394410.14,"size":48911},{"id":"8bff6bd21f4481ddc93741d8eb386beb7f0cb8c802ceb7abf42f894b754f3699d5699d4df09d7af567124a0b418a3c7e40c83e59e37868ac8440ada7d7333559","href":"https://static.observableusercontent.com/files/8bff6bd21f4481ddc93741d8eb386beb7f0cb8c802ceb7abf42f894b754f3699d5699d4df09d7af567124a0b418a3c7e40c83e59e37868ac8440ada7d7333559","name":"truncated@1.json","type":"application/json","lastModified":1787621078077.339,"size":36255},{"id":"c5c14b1c1891e1c358555fe2d1c9ee0ae965878ca129cdbb4503b27bedced0d4a4b504f81a4371d0e768d410e2b3611f28bb697e9ae6cf6b4f73f9157977ea74","href":"https://static.observableusercontent.com/files/c5c14b1c1891e1c358555fe2d1c9ee0ae965878ca129cdbb4503b27bedced0d4a4b504f81a4371d0e768d410e2b3611f28bb697e9ae6cf6b4f73f9157977ea74","name":"depth-2@10.json","type":"application/json","lastModified":1787625730664.688,"size":28398},{"id":"a8c656dad594beb760df101c249e7375f662a9abfd0b725f0483d4e6b47469779368738e0710a72e67084a2854d70c627467a55a4a8be384ec1192945abb21fd","href":"https://static.observableusercontent.com/files/a8c656dad594beb760df101c249e7375f662a9abfd0b725f0483d4e6b47469779368738e0710a72e67084a2854d70c627467a55a4a8be384ec1192945abb21fd","name":"truncated@4.json","type":"application/json","lastModified":1787625736087.19,"size":16352},{"id":"7b833d0f5ed331ef206320d1c285cce43468bb7290c11cfbc4f75e68ff254c8ec2b80e210d55f12663de46df6fc125075696ab90fedc779a4a689018e3f78791","href":"https://static.observableusercontent.com/files/7b833d0f5ed331ef206320d1c285cce43468bb7290c11cfbc4f75e68ff254c8ec2b80e210d55f12663de46df6fc125075696ab90fedc779a4a689018e3f78791","name":"truncated@5.json","type":"application/json","lastModified":1787626086867.208,"size":15515},{"id":"d441be93a912b1f297abbdd5fc98fd17fea4aee33a995d2c02800bf8e4ed8f384558f716ad4510e9deca2cf37dd7d2f9db42ad64dfef1b7e4ca76923b9768d9b","href":"https://static.observableusercontent.com/files/d441be93a912b1f297abbdd5fc98fd17fea4aee33a995d2c02800bf8e4ed8f384558f716ad4510e9deca2cf37dd7d2f9db42ad64dfef1b7e4ca76923b9768d9b","name":"truncated.json","type":"application/json","lastModified":1787620454856.8,"size":38992},{"id":"4652d820e7bfe8ed37d83faa1189956bc6761194be0598b42c6a43fd4eb98d3151714969d1ee13a95e003d22e453890ed7cc569ddab826f3b651f3ed83a9307c","href":"https://static.observableusercontent.com/files/4652d820e7bfe8ed37d83faa1189956bc6761194be0598b42c6a43fd4eb98d3151714969d1ee13a95e003d22e453890ed7cc569ddab826f3b651f3ed83a9307c","name":"depth-2@9.json","type":"application/json","lastModified":1787620508763.301,"size":25644},{"id":"2be5e3a02686cab076333f38335d3549e910e7e57e4c432595dbb2e4d4c2aabdda8d1cf456c1589f411601f562d5e889ab7c7939056533f8718210a3d4aef6b9","href":"https://static.observableusercontent.com/files/2be5e3a02686cab076333f38335d3549e910e7e57e4c432595dbb2e4d4c2aabdda8d1cf456c1589f411601f562d5e889ab7c7939056533f8718210a3d4aef6b9","name":"truncated@2.json","type":"application/json","lastModified":1787622267076.123,"size":37864}] 30:{"id":"0071a8f29fc7e221","slug":null,"title":"Radial tidy tree of cmudict","thumbnail":"f3d86ac31215acf661b962448c074c502f3e78924804a3ccace63c30f42e153c","access_level":"public","create_time":"$D2026-08-24T22:58:19.927Z","update_time":"$D2026-08-25T21:23:36.863Z","view_time":null,"first_public_time":"$D2026-08-24T22:58:19.927Z","has_unpublished_edits":null,"fork":{"id":"95ef11a0a0bd856c","slug":"radial-tree/2","title":"Radial tidy tree","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"468ec444dc0eb0ae","login":"redblobgames","name":"Amit Patel","avatar_url":"https://avatars-next.observableusercontent.com/e8ff190af9193a0b08dfdadf3fb2e93a0519966417f0c9a2063aae07a171e6b2","tier":"starter_2024"},"version":376,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c7764e85dbcadc6d","login":"redblobgames","name":"Amit Patel","avatar_url":"https://avatars-next.observableusercontent.com/e8ff190af9193a0b08dfdadf3fb2e93a0519966417f0c9a2063aae07a171e6b2","tier":null}],"members":[{"type":"team","id":"468ec444dc0eb0ae","login":"redblobgames","name":"Amit Patel","avatar_url":"https://avatars-next.observableusercontent.com/e8ff190af9193a0b08dfdadf3fb2e93a0519966417f0c9a2063aae07a171e6b2","tier":"starter_2024","role":"editor"},{"type":"individual","id":"c7764e85dbcadc6d","login":"redblobgames","name":"Amit Patel","avatar_url":"https://avatars-next.observableusercontent.com/e8ff190af9193a0b08dfdadf3fb2e93a0519966417f0c9a2063aae07a171e6b2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Radial tidy tree of cmudict","cells":[{"id":1,"value":"

Radial tidy tree of cmudict

D3 › Gallery

\n\nI wanted to look at which words use `a` vs `an`. For [this microproject](https://www.redblobgames.com/x/2635-a-vs-an/).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":330,"value":"viewof data = Inputs.select(new Map([\n [\"Level 2\", data_2],\n [\"Truncated\", data_truncated]\n]), {label: \"Choose the tree:\", value: data_2})","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":339,"value":"data_truncated = FileAttachment(\"truncated@5.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"data_2 = FileAttachment(\"depth-2@10.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"