2d:null 2e:["$","title",null,{"children":"Treemap by Wells | Andres Segura-Tinoco | Observable"}] 33:T48a,chart = { const root = treemap(data); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("font", "10px sans-serif"); const leaf = svg.selectAll("g") .data(root.leaves()) .join("g") .attr("transform", d => `translate(${d.x0},${d.y0})`); leaf.append("title") .text(d => `${d.ancestors().reverse().map(d => d.data.name).join("/")}\n${format(d.value)}`); leaf.append("rect") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("fill", d => { while (d.depth > 1) d = d.parent; return color(d.data.name); }) .attr("fill-opacity", 0.6) .attr("width", d => d.x1 - d.x0) .attr("height", d => d.y1 - d.y0); leaf.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); leaf.append("text") .attr("clip-path", d => d.clipUid) .selectAll("tspan") .data(d => d.data.name.split(/(?=[A-Z][a-z])|\s+/g).concat(format(d.value))) .join("tspan") .attr("x", 3) .attr("y", (d, i, nodes) => `${1.1 + i * 0.9}em`) .text(d => d); return svg.node(); }34:[{"id":"85785da892d8a97bc177a358d4662598defe0f622488ec258568f2e8669d7531d6fa73a1b87d08a9d61c98c5c2a8d7c6b79215b22aaec129da05f84fd1d087e1","href":"https://static.observableusercontent.com/files/85785da892d8a97bc177a358d4662598defe0f622488ec258568f2e8669d7531d6fa73a1b87d08a9d61c98c5c2a8d7c6b79215b22aaec129da05f84fd1d087e1","name":"json-data-init.json","type":"application/json","lastModified":1583525498866.745,"size":10722}] 31:{"id":"6b488be296b77b78","slug":"treemap-by-wells","title":"Treemap by Wells","thumbnail":"68e4513a849a3b1b29e28f6692b72932f647ef932caeb628dfc2fc1e9762e28a","access_level":"public","create_time":"$D2020-03-06T16:49:06.996Z","update_time":"$D2020-03-11T14:39:57.385Z","view_time":null,"first_public_time":"$D2020-03-06T20:05:47.071Z","has_unpublished_edits":null,"fork":{"id":"c9bef4ebabd02713","slug":"treemap-by-count","title":"Treemap by count","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ff46568c68a22740","login":"ansegura7","name":"Andres Segura-Tinoco","avatar_url":"https://avatars-next.observableusercontent.com/4dd59e255febc0a15c606b2e2aaf3a9e2f0d8564dec994ae6b3d391b3804b939","tier":"starter_2024"},"version":139,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7ecd247516fdac18","login":"ansegura7","name":"Andres Segura-Tinoco","avatar_url":"https://avatars-next.observableusercontent.com/4dd59e255febc0a15c606b2e2aaf3a9e2f0d8564dec994ae6b3d391b3804b939","tier":null}],"members":[{"type":"individual","id":"7ecd247516fdac18","login":"ansegura7","name":"Andres Segura-Tinoco","avatar_url":"https://avatars-next.observableusercontent.com/4dd59e255febc0a15c606b2e2aaf3a9e2f0d8564dec994ae6b3d391b3804b939","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Treemap by Wells","cells":[{"id":0,"value":"md`# Treemap by Wells\n\nIn this [treemap](/@d3/treemap), all leaf nodes have the same size using [*node*.count](https://github.com/d3/d3-hierarchy/blob/master/README.md#node_count).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"viewof tile = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"data = FileAttachment(\"json-data-init.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"treemap = data => d3.treemap()\n .tile(d3[tile])\n .size([width, height])\n .padding(1)\n .round(true)\n (d3.hierarchy(data)\n .sum(d => d.value)\n .sort((a, b) => b.value - a.value))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"width = 975","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"height = 1060","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"format = d3.format(\",d\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"color = d3.scaleOrdinal(d3.schemeCategory10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"