2f:T1ff0,chart = { const margin = new Object(); margin.top = 0; margin.right = 0; margin.bottom = 0; margin.left = 0; if (!d3.select("#tooltip-style").node()) { d3.select("head").append("style").attr("id", "tooltip-style").text(` .meshworkTooltip { position: absolute; text-align: centre; border: 1px solid grey; padding: 5px; font: 14px sans-serif; background: white; border-radius: 4px; pointer-events: none; width: auto; height: auto; max-width: 180px; } `); } let tooltip = d3.select(".meshworkTooltip"); if (!tooltip.node()) { tooltip = d3 .select("body") .append("div") .attr("class", "meshworkTooltip") .html(""); } const baseSvg = d3.create("svg").attr("viewBox", [0, 0, width, height]); baseSvg .append("text") .attr("font-size", 18) .attr("fill", "#674e36") .attr("text-anchor", "middle") .attr("font-weight", 600) .attr("x", width / 2) .attr("y", 40) .text("home | tag cloud | timeline"); const aspectRatio = width / height; const defs = baseSvg.append("defs"); const customFilter = defs.append("filter").attr("id", "customFilter"); customFilter .append("feGaussianBlur") .attr("in", "SourceGraphic") .attr("stdDeviation", imageEffects.blurDeviation); customFilter .append("feColorMatrix") .attr("type", "saturate") .attr("values", imageEffects.saturateLevel); const getFilter = () => { if (imageEffects.applyFilter === "none") return ""; if (imageEffects.applyFilter === "blur-saturate") return "url(#customFilter)"; return "grayscale(100%)"; }; baseSvg .append("image") .style("filter", getFilter) .attr("href", getBackgroundImage(imageParameters.currentBackgroundImage)) .attr("width", "100%") .attr("height", "100%") .attr("opacity", imageParameters.opacity) .attr("preserveAspectRatio", "xMidYMid slice"); const zoom = d3 .zoom() .scaleExtent([0.5, 6]) .on("zoom", (event) => { const { x, y, k } = event.transform; svg.attr("transform", `translate(${x},${y}) scale(${k})`); }); // baseSvg.call(zoom).on("dblclick.zoom", null); // stop simulation before layout change simulation.stop(); setLayout(); const svg = baseSvg.append("g"); const colorScale = d3.scaleOrdinal(d3.schemeTableau10).domain(linkTypes); const drawNodes = (currentNodes, currentLinks) => { // links group (just a line but you could add labels etc.) const linksGroup = svg .selectAll(".linksGroup") .data(currentLinks, (d) => d.id) .join((group) => { const enter = group.append("g").attr("class", "linksGroup"); enter.append("path").attr("class", "linkLine"); return enter; }); linksGroup .select(".linkLine") .attr("fill", "#4A524A") .attr("fill-opacity", 0.4) .attr("stroke-width", 0); // .attr("stroke-opacity", 0.35) // .attr("stroke", "#4A524A"); // nodes group (just a circle but you could add labels etc.) const nodesGroup = svg .selectAll(".nodesGroup") .data(currentNodes.filter((f) => f.id !== "tags")) .join((group) => { const enter = group.append("g").attr("class", "nodesGroup"); enter.append("path").attr("class", "leafBackgroundPath"); enter.append("path").attr("class", "leafPath"); enter.append("text").attr("class", "nodeLabel"); const defs = enter.append("defs"); defs .append("pattern") .attr("class", "leafNodePattern") .append("svg:image") .attr("class", "leafPatternImage"); return enter; }); nodesGroup.attr("cursor", "pointer").on("click", (event, d) => { if (d.level > 0) { baseSvg.select(".popupGroup").attr("display", "block"); } else { const { newNodes, newLinks } = getNodesAndLinks("expand"); } }); nodesGroup .select(".leafNodePattern") .attr("id", (d, i) => `leafMeshworkImage${i}`) .attr("patternUnits", "objectBoundingBox") .attr("patternContentUnits", "objectBoundingBox") // normalize inside pattern too .attr("width", 1) .attr("height", 1); nodesGroup .select(".leafPatternImage") .style("opacity", (d) => parameters.greyscaleOn === "yes" && d.level < 2 ? 0.5 : 1 ) .style("filter", (d) => parameters.greyscaleOn === "yes" && d.level < 2 ? "grayscale(100%)" : "" ) .attr("xlink:href", (d) => (d.src ? d.src : "")) .attr("width", (d) => d.ratioWidth) .attr("height", (d) => d.ratioHeight); nodesGroup .select(".leafBackgroundPath") .attr("d", (d) => d.currentLeafOption.path) .attr("stroke", "#A0A0A0") .attr("stroke-width", 2) .attr("fill", "white") .attr( "transform", (d) => `scale(${d.radius * d.currentLeafOption.scale})translate(${ -d.currentLeafOption.width / 2 },${-d.currentLeafOption.height / 2}) ` ); nodesGroup .select(".leafPath") .attr("d", (d) => d.currentLeafOption.path) .attr("stroke", "#A0A0A0") .attr("stroke-width", 2) .attr("fill", (d, i) => d.level < 1 ? parameters.categoryColor : `url(#leafMeshworkImage${i})` ) .attr( "transform", (d) => `scale(${d.radius * d.currentLeafOption.scale})translate(${ -d.currentLeafOption.width / 2 },${-d.currentLeafOption.height / 2}) ` ) .on("mouseover", (event, d) => { tooltip.html(d.title); tooltip .style("visibility", "visible") .style("top", `${event.pageY - 10}px`) .style("left", `${event.pageX + 10}px`); }) .on("mouseout", () => { tooltip.style("visibility", "hidden"); }); nodesGroup .select(".nodeLabel") .attr("text-anchor", "middle") .attr("font-size", 18) .attr("font-weight", 500) .attr("fill", "white") .style("dominant-baseline", "middle") .text((d) => (d.level <= 0 ? d.title : "")); // as the simulation ticks, reposition links and node groups simulation.on("tick", () => { svg .selectAll(".linkLine") .attr("d", (d) => generateVineShapeSmooth(d.source, d.target)); nodesGroup.attr("transform", (d) => `translate(${d.x},${d.y})`); }); // reset the simulation simulation.nodes([]); simulation.force("link").links([]); // reset the simulation simulation.nodes(currentNodes); simulation.force("link").links(currentLinks); simulation.alpha(1).restart(); simulation.on("end", () => { //zoomToBounds(nodes, baseSvg, width, height, zoom); }); simulation.tick(500); const dragstarted = () => { nodes.forEach((d) => { d.fx = d.x; d.fy = d.y; }); simulation.stop(); simulation.alphaTarget(0.1).restart(); }; const dragged = (event, d) => { d.fx = event.x; d.fy = event.y; }; nodesGroup.call(d3.drag().on("start", dragstarted).on("drag", dragged)); }; drawNodes(nodes, links); const popupGroup = baseSvg .append("g") .attr("display", "none") .attr("class", "popupGroup"); popupGroup .append("rect") .attr("width", width) .attr("height", height) .attr("fill", "white") .attr("fill-opacity", 0.7) .on("click", (d) => { popupGroup.attr("display", "none"); }); popupGroup .append("text") .attr("pointer-events", "none") .attr("x", width / 2) .attr("y", height / 2) .attr("text-anchor", "middle") .attr("font-size", 80) .style("dominant-baseline", "middle") .text("PopUp with node markdown appears"); popupGroup .append("text") .attr("pointer-events", "none") .attr("x", width / 2) .attr("y", height / 2 + 80) .attr("text-anchor", "middle") .attr("font-size", 40) .style("dominant-baseline", "middle") .text("click to close"); return baseSvg.node(); }30:Tce9,generateVinePath = (start, end, maxBends = 6, deviationMagn = 20) => { // maxBends = up to how many bends; deviationMagn = max offset ± const numBends = Math.floor(Math.random() * maxBends) + 1; const pts = [start]; // Generate intermediate points for (let i = 1; i <= numBends; i++) { const t = i / (numBends + 1); const x = start.x + t * (end.x - start.x); const y = start.y + t * (end.y - start.y); const dx = end.x - start.x; const dy = end.y - start.y; const len = Math.sqrt(dx * dx + dy * dy); const nx = -dy / len; const ny = dx / len; // Smaller deviation const dev = (Math.random() - 0.5) * deviationMagn; const bendX = x + nx * dev; const bendY = y + ny * dev; pts.push({ x: bendX, y: bendY }); } pts.push(end); // Now build a path with cubic Beziers ensuring smooth tangents // Compute control points for each segment from pts[i] to pts[i+1] // We'll compute "handle/lean" along the direction of incoming/outgoing segments // For each interior point we’ll compute a tangent direction (average of direction from prev and to next) const tangents = []; for (let i = 0; i < pts.length; i++) { if (i === 0) { // start point: tangent toward next const dx = pts[1].x - pts[0].x; const dy = pts[1].y - pts[0].y; const mag = Math.sqrt(dx * dx + dy * dy); tangents[i] = { x: dx / mag, y: dy / mag }; } else if (i === pts.length - 1) { // end point: tangent from previous const dx = pts[i].x - pts[i - 1].x; const dy = pts[i].y - pts[i - 1].y; const mag = Math.sqrt(dx * dx + dy * dy); tangents[i] = { x: dx / mag, y: dy / mag }; } else { // interior: average of prev→current and current→next const dx1 = pts[i].x - pts[i - 1].x; const dy1 = pts[i].y - pts[i - 1].y; const dx2 = pts[i + 1].x - pts[i].x; const dy2 = pts[i + 1].y - pts[i].y; const mag1 = Math.sqrt(dx1 * dx1 + dy1 * dy1); const mag2 = Math.sqrt(dx2 * dx2 + dy2 * dy2); // Normalize both const ux1 = dx1 / mag1, uy1 = dy1 / mag1; const ux2 = dx2 / mag2, uy2 = dy2 / mag2; // Average const ux = (ux1 + ux2) * 0.5; const uy = (uy1 + uy2) * 0.5; const mag = Math.sqrt(ux * ux + uy * uy); tangents[i] = mag === 0 ? { x: 0, y: 0 } : { x: ux / mag, y: uy / mag }; } } // Build SVG path string let d = `M ${pts[0].x},${pts[0].y}`; // For each segment from i to i+1 for (let i = 0; i < pts.length - 1; i++) { const p0 = pts[i]; const p1 = pts[i + 1]; // Control point 1 is p0 + tangent at p0 * (segmentLength * factor) const segDX = p1.x - p0.x; const segDY = p1.y - p0.y; const segLen = Math.sqrt(segDX * segDX + segDY * segDY); const factor = 0.3; // how far control points reach into the segment. Lower = subtler bend. const cp1 = { x: p0.x + tangents[i].x * segLen * factor, y: p0.y + tangents[i].y * segLen * factor }; // Control point 2 is p1 minus tangent at p1 * (segLen * factor) const cp2 = { x: p1.x - tangents[i + 1].x * segLen * factor, y: p1.y - tangents[i + 1].y * segLen * factor }; d += ` C ${cp1.x},${cp1.y} ${cp2.x},${cp2.y} ${p1.x},${p1.y}`; } return d; }31:T6b0e,leafOptions = [ { name: "categoryLeaf4", path: "M 38 21 M 138 21.4252 C 97.4574 26.9439 66.9379 56.3429 55.2801 95 C 52.6508 103.719 47.0905 113.706 48.4429 123 C 50.2668 135.534 58.0119 146.489 65.9205 156 C 89.9368 184.882 123.307 195.57 160 190.575 C 175.874 188.414 186.975 181.31 201 174.248 C 240.498 154.359 271.66 123.334 306 95.9961 C 317.085 87.1717 327.62 77.3958 337.83 67.5756 C 341.149 64.3837 346.924 59.2018 355 44 C 343 50 341 49 336 50 C 329 51 324.075 51.2424 318 51.8302 C 309.648 52.6384 301.301 51.5821 293 50.9144 C 272.333 49.2519 253.557 41.1032 234 35.0255 C 217.451 29.8825 201.055 27.0206 184 24.5718 C 168.658 22.369 153.619 19.2991 138 21.4252 z", width: 388, height: 212, scale: 0.0125 }, { name: "categoryLeaf3", path: "M94 12.439C87.2698 13.488 80.7233 15.5083 74 16.561C65.8887 17.8309 57.8351 18.4137 50 21.24C43.8539 23.457 38.5493 27.1954 33 30.5517C25.8865 34.854 18.2628 39.2174 14.5332 47C11.075 54.2162 14.2452 62.6828 15.7894 70C17.0597 76.0196 16.3281 82.0127 17.3256 88C18.3586 94.2004 21.0201 100.213 23.3519 106C30.0806 122.7 38.8837 138.466 49.5255 153C52.6517 157.27 55.3277 162.012 59.1736 165.7C66.5537 172.776 77.6026 178.386 87 182.289C94.6699 185.475 102.194 184.889 110 186.749C121.539 189.5 132.982 192.681 145 190.674C159.264 188.292 176.771 173.688 175.61 158C175.224 152.782 168.031 144.706 170.238 140.214C172.896 134.802 182.964 134.494 188 132.794C196.795 129.825 205.106 121.29 207.121 112C208.742 104.525 202.278 98.9834 201.213 92C200.296 85.9851 201.121 80.0228 199.66 74C197.473 64.9791 192.776 53.0858 186.671 46.0401C182.871 41.6546 177.571 38.4132 173 34.8804C168.521 31.4189 164.362 27.5283 159 25.4684C150.994 22.3927 142.145 25.7476 134 23.2469C127.6 21.2821 122.185 16.9503 116 14.4529C109.112 11.6714 101.317 11.2985 94 12.439z", width: 221, height: 203, scale: 0.0175 }, { name: "categoryLeaf2", path: "M 58 208 C 59.1258 208.508 60.8109 209.025 61.7924 209.845 C 66.3969 213.691 59.5132 219.164 60.7608 224 C 62.1432 229.358 67.8961 231.476 69.9059 236.17 C 70.8045 238.269 69.5709 240.509 70.3789 242.625 C 72.0367 246.966 74.4284 249.996 75.0069 255 C 75.3249 257.75 74.286 260.32 75.3966 262.996 C 77.6223 268.359 83.1824 270.776 86.5278 275.171 C 90.1662 279.95 92.4327 285.965 96.5841 290.506 C 101.07 295.414 107.665 299.574 112.961 303.633 C 115.578 305.639 117.402 308.518 120.09 310.411 C 124.413 313.456 130.395 314.049 135 316.824 C 139.433 319.496 143.282 324.567 148.09 326.4 C 151.26 327.61 154.816 326.419 157.91 328.023 C 160.226 329.223 161.763 331.48 164.09 332.683 C 166.558 333.96 169.426 333.868 172 334.835 C 176.353 336.47 180.377 339.531 185 340.462 C 189.005 341.268 192.108 338.235 196 338.529 C 204.319 339.158 212.677 340.288 221 340.687 C 223.389 340.801 225.621 339.767 228 339.83 C 230.377 339.894 232.587 340.995 235 340.718 C 238.534 340.311 240.841 337.538 244 336.255 C 252.74 332.703 261.841 330.451 270 325.351 C 273.417 323.215 275.965 319.822 279 317.209 C 282.946 313.812 287.382 311.228 290.581 306.999 C 293.717 302.854 293.923 297.003 298.133 293.652 C 301.008 291.364 304.865 290.518 308 288.616 C 316.911 283.207 328.928 274.847 334.616 265.961 C 336.523 262.981 335.521 260.161 336.457 257 C 337.64 253.004 341.055 250.013 342.287 246 C 343.701 241.396 343.533 235.797 344.393 231 C 345.85 222.872 352.626 218.67 348 210 C 345.958 210.895 344.172 211.536 342 212 C 342.264 205.849 344.222 199.131 343.532 193 C 342.996 188.249 339.886 183.629 338.633 179 C 337.593 175.158 338 170.944 338 167 C 335.416 167.322 333.398 167.973 331 169 C 330.48 164.223 331.993 159.769 331.97 155 C 331.945 149.848 330.051 144.715 328.131 140 C 325.527 133.607 325.686 128.848 318 133 C 316.273 126.395 315.18 119.439 313 113 L 307 116 C 306.503 112.825 307.914 109.149 307.096 106.183 C 306.394 103.634 303.397 103.603 302.026 101.612 C 300.74 99.7426 301.257 97.2861 300.258 95.3133 C 298.717 92.2681 292.017 88.5161 289 87 C 288.014 88.4786 288 88.2031 288 90 C 280.749 86.5151 282.289 80.1556 279 74 C 271.324 77.6851 271.74 70.7248 270 65 C 267.746 65.7493 266.686 66.3441 265 68 C 260.736 63.1601 256.684 58.013 250 57 C 248.37 60.3623 244.89 60.7075 243 64 C 238.534 57.9866 235.763 44.1045 227.83 42.902 C 224.314 42.369 221.694 46.3667 218.108 45.8634 C 213.291 45.1873 212.342 36.9744 208 44 C 202.422 40.1366 195.949 37.576 191 33 C 186.139 37.1638 183.814 45.455 176.045 41.3017 C 174.524 40.4886 173.266 39.1248 172 38 C 168.381 39.8292 164.974 41.1666 161 42 C 155.547 32.6332 148.966 40.7198 142.985 43.8256 C 139.798 45.4809 135.498 45.8394 132 45.2955 C 129.335 44.8811 126.708 43.8257 124 44.6281 C 121.125 45.4799 119.04 48.2446 116 48.598 C 112.198 49.04 107.965 46.4452 104 46.4143 C 100.927 46.3904 98.0847 48.0748 95 47.6682 C 92.4251 47.3288 90.4292 45.6213 88 44.892 C 85.4702 44.1324 82.8804 45.3324 80.4244 44.4622 C 76.5445 43.0874 73.4556 39.2057 70 37.0309 C 64.8489 33.789 59.4226 32.222 54 29.6729 C 47.3906 26.5658 42.5278 24.0424 35 24.0046 C 32.543 23.9923 28.4834 23.6445 27.1613 26.3179 C 24.9897 30.7088 32.3643 37.5273 34.8688 40.4244 C 37.1342 43.045 38.3978 46.155 40.3248 49 C 45.4463 56.5611 52.3868 64.7535 54.1497 74 C 54.6563 76.6575 54.0334 79.3628 54.6759 82 C 55.6459 85.9815 58.9357 89.6751 58.5123 93.9606 C 58.0682 98.4565 54.5304 100.994 55.2168 106 C 55.8657 110.732 60.7085 117.722 59.3387 122.486 C 57.9479 127.323 50.4971 128.089 50.6073 134.015 C 50.6797 137.914 54.1142 141.125 53.9452 145 C 53.7815 148.755 50.7887 150.998 52.115 155 C 53.5213 159.243 57.9378 163.511 58.4282 167.91 C 58.6934 170.289 56.3383 171.786 56.3387 174.089 C 56.3394 177.246 59.8934 178.976 59.088 182.285 C 58.0302 186.632 53.7148 191.805 53.5918 196.09 C 53.4662 200.463 57.9256 203.461 58 208 z", width: 398, height: 365, scale: 0.0125 }, { name: "categoryLeaf1", path: "M130 16.4645C125.598 17.2564 121.435 19.0605 117 19.6999C109.574 20.7704 103.012 20.5711 96 23.8904C87.9384 27.7066 83.393 34.8311 76.9105 40.5355C71.6194 45.1914 65.1268 48.1536 60.0394 53.0903C49.498 63.3192 41.1915 79.0758 36.7461 93C35.0932 98.1775 34.6298 103.592 35.1705 109C35.5275 112.57 37.1174 116.404 36.338 120C34.8095 127.051 26.5038 129.997 24.5687 137.001C23.1972 141.965 24 147.894 24 153C24 171.496 28.77 190.066 40.5177 205C46.962 213.192 55.497 218.718 64 224.505C78.5386 234.398 92.9588 243.545 110 248.561C117.403 250.74 125.426 250.925 133 252.449C144.57 254.777 155.201 260.177 167 261.711C180.201 263.426 193.878 261.418 207 260.17C216.105 259.303 224.937 259.13 234 257.388C251.884 253.951 266.793 243.808 279.039 231C284.219 225.583 289.671 220.516 293.525 214C295.766 210.211 296.624 206.004 298.337 202C301.204 195.302 305.382 189.319 306.56 182C307.991 173.111 307.871 161.928 306.711 153C306.144 148.642 304.483 144.383 304.213 140C303.896 134.857 306.395 130.066 306.812 125C307.307 118.974 304.756 112.41 302.334 107C299.218 100.038 293.305 95.5123 289.649 89C287.01 84.3002 287.333 78.569 284.297 74C280.874 68.8482 275.38 65.2585 271 60.9853C256.223 46.5703 239.824 33.869 220 27.0787C215.121 25.4075 210.152 24.7166 205 25.0903C201.342 25.3556 197.642 26.9034 194 25.7623C188.505 24.0407 184.652 19.1765 179 17.4429C171.065 15.0091 162.201 16 154 16C146.19 16 137.706 15.0782 130 16.4645z", width: 331, height: 288, scale: 0.0125 }, { name: "stone_square", path: "M240 31.4283C225.806 33.4607 211.297 35.9258 197 36.9105C185.686 37.6897 174.308 37.0754 163 38.1698C153.577 39.0817 144.363 41.4945 135 42.7106C122.23 44.3692 108.868 45.0293 96 45.9105C89.0234 46.3883 81.9648 45.4958 75 46.1698C67.0649 46.9377 59.6856 49.2592 52 51.1011C46.8696 52.3306 40.4842 51.5844 36.3441 55.4298C32.9861 58.5488 33.0085 62.7583 33 67C32.9836 75.2294 33.2958 82.8794 34.561 91C36.0961 100.853 32.7867 110.207 33.0147 120C33.1808 127.136 37.0065 133.062 37.8148 140C38.7838 148.317 36.1919 157.568 35.9853 166C35.6292 180.536 36.5873 195.411 38.1736 210C38.6895 214.745 40.5598 219.226 40.9097 224C42.0484 239.534 41.2794 255.443 41.9606 271C42.3243 279.304 41.9968 287.688 42 296C42.0016 300.095 41.5983 304.513 44.4336 307.856C48.2552 312.361 54.7053 311.813 60 312.804C69.9021 314.658 79.9337 317.104 90 317.816C94.7965 318.155 99.1633 316.902 104 317.804C115.236 319.899 126.661 325.082 138 325.91C146.254 326.512 153.862 323.399 162 323.039C169.638 322.702 177.383 323.558 185 322.83C215.672 319.9 245.574 313.181 276 308.439C290.179 306.229 304.774 309.398 319 306.801C331.582 304.504 329.481 289.536 331.4 280C334.416 265.009 338.857 250.374 339.91 235C340.68 223.767 337.931 213.322 339.285 202C341.205 185.95 338.533 169.967 339.043 154C339.346 144.532 342.919 135.416 343.83 126C344.973 114.195 344 101.86 344 90C344 79.8177 342 70.9702 340.439 61C339.534 55.2187 339.8 50.7579 335.786 46C326.932 35.504 319.33 35.6897 307 33.6752C303.277 33.0669 299.772 31.5789 296 31.1736C285.218 30.0152 273.842 31 263 31C255.425 31 247.511 30.3527 240 31.4283z", width: 377, height: 357, scale: 0.015 }, { name: "stone_landscape", path: "M192.4645 41C191.2723 34.377 188.283 28.27 185.982 22C183.6546 15.657 181.8283 8.737 175.9134 4.703C172.3041 2.241 168.1021 2.145 164 1.576C153.9891 0.213 144.0598 0.4 134 0.137C127.4898 -0.034 122.3127 3.973 116 4.815C103.045 6.567 89.057 5 76 5L43 5C36.406 4.998 29.841 4.763 25.514 11.044C21.506 16.422 24.147 22.915 23.421 29C21.093 48.496 23 68.434 23 88C23 102.588 20.668 116.52 20.039 131C19.61 140.892 21 151.034 21 160C21 168.459 19.22 176.607 19.015 185C18.659 199.505 20.516 213.615 20.871 228C21.468 252.171 18.563 277.137 24.666 301C28.17 314.7 43.53 312.914 55 314.285C60.681 314.965 66.328 314.621 72 315.17C97.412 317.629 122.358 321 147 321C155 321 163.001 321.041 171 320.999C175.275 320.977 179.516 320.808 182.142 316.891C185.097 312.484 184.889 305.115 186.13 300C190.654 281.342 192 261.141 192 242C192 230.299 191.018 218.64 191 207C190.952 176.091 192 145.994 192 115L192 74C192 66.507 192.866 58.394 191.535 51L192.4645 41z", width: 212, height: 383, scale: 0.015 }, { name: "stone_portrait", path: "M79 19.4645C72.3769 20.6565 66.2703 23.6458 60 25.9468C53.6575 28.2742 46.7371 30.1005 42.7029 36.0154C40.2412 39.6247 40.1447 43.8267 39.5764 48C38.213 58.0109 38.3998 67.9402 38.1366 78C37.9662 84.5102 33.9735 89.6873 33.1852 96C31.5675 108.955 33 122.943 33 136L33 169C33.0025 175.594 33.2371 182.159 39.044 186.486C44.4221 190.494 50.9145 187.853 57 188.579C76.4962 190.907 96.4341 189 116 189C130.588 189 144.52 191.332 159 191.961C168.892 192.39 179.034 191 189 191C197.459 191 205.607 192.78 214 192.985C228.505 193.341 242.615 191.484 257 191.129C281.171 190.532 306.137 193.437 330 187.334C343.7 183.83 341.914 168.47 343.285 157C343.965 151.319 343.621 145.672 344.17 140C346.629 114.588 350 89.6422 350 64C350 56.0004 350.041 47.9995 349.999 40C349.977 35.7252 349.808 31.4843 345.891 28.858C341.484 25.9028 334.115 26.1107 329 24.8704C310.342 20.3461 290.141 19 271 19C259.299 19 247.64 19.982 236 20C205.091 20.0477 173.994 19 143 19L102 19C94.5074 19 86.3936 18.1338 79 19.4645z", width: 383, height: 212, scale: 0.015 }, { name: "circle", path: "M 100,50 A 50,50 0 1,0 0,50 A 50,50 0 1,0 100,50 Z", width: 100, height: 100, scale: 0.02 }, { name: "leaf5", path: "M270 23.5725C263.972 25.3 260.646 31.194 257.28 36C250.776 45.2866 243.667 53.9468 236.873 63C228.72 73.8642 221.241 85.47 212.69 96C202.762 108.225 192.517 119.149 186.452 134C182.501 143.676 179.909 153.657 178.428 164C177.906 167.65 178.253 171.389 177.482 175C176.266 180.703 173.044 185.578 171.09 191C168.764 197.458 167.545 204.326 163.363 209.985C155.306 220.886 142.799 213.53 132 213.039C121.554 212.565 112.24 214.377 102 215.711C87.9927 217.535 73.9191 219.141 60 221.803C51.1992 223.487 34.4332 222.759 30.6034 233.004C26.3097 244.49 36.7889 258.892 40.7963 269C44.6302 278.67 48.6691 288.288 52.3881 298C54.8901 304.534 56.7132 311.036 60.5471 317C65.9303 325.374 71.8797 334.397 78.2963 342C84.5984 349.467 92.7924 356.839 96.6366 366C100.941 376.257 95.8793 390.182 96.0039 401C96.0683 406.597 96.6593 412.685 101.109 416.61C106.362 421.243 113.44 422.538 120 424.13C127.629 425.981 135.374 427.278 143 429.13C151.192 431.119 159.471 433.821 168 432.711C193.814 429.35 216.879 404.908 235 388.025C240.314 383.073 245.696 378.36 250.715 373.09C253.748 369.905 257.215 366.199 262 366.576C270.9 367.279 277.086 376.315 283 381.961C288.489 387.2 295.089 390.621 301 395.286C307.856 400.696 313.561 407.008 320.001 412.829C328.478 420.493 340.045 429.622 351 433.25C358.745 435.815 365.202 433.381 373 433.039C386.451 432.449 399.938 434.43 413 430.254C416.059 429.276 419.332 428.13 421.995 426.301C434.077 418.005 428.534 397.785 425.626 386C424.43 381.156 422.303 375.931 424.151 371C429.059 357.905 445.677 351.517 454.195 341C460.711 332.956 468.171 324.858 473.535 316C476.586 310.962 478.245 305.285 480.784 300C485.61 289.954 490.955 280.244 495.424 270C499.207 261.332 503.353 253.157 505.96 244C507.21 239.61 507.86 234.034 504.427 230.419C499.581 225.316 486.663 225.643 480 224.845C458.748 222.3 436.538 213.868 415 216.174C402.329 217.53 384.922 228.001 375.995 213.985C371.975 207.674 371.406 199.126 369.625 192C367.224 182.396 364.324 172.715 362.461 163C360.719 153.918 360.173 144.867 357.251 136C352.775 122.418 342.197 111.293 333.884 100C324.852 87.7302 317.477 74.3128 308.371 62C300.635 51.5396 295.108 38.8405 286.671 29.0185C282.452 24.1064 276.413 21.7346 270 23.5725M265 379L266 380L265 379M263 394L265 398C265.558 395.692 264.996 395.244 263 394M258.667 397.333C258.222 397.778 259.278 397.722 259.333 397.667C259.778 397.222 258.722 397.278 258.667 397.333M256 405L260 404C257.954 403.249 257.404 403.344 256 405M261.333 414.667C261.278 414.722 261.222 415.778 261.667 415.333C261.722 415.278 261.778 414.222 261.333 414.667M256 416L256 422C256.951 419.715 256.951 418.285 256 416M257.333 424.667C257.278 424.722 257.222 425.778 257.667 425.333C257.722 425.278 257.778 424.222 257.333 424.667M264 450L264 453C264.696 451.446 264.696 451.554 264 450M271 472L272 473L271 472z", width: 536, height: 500, scale: 0.005 }, { name: "leaf4", path: "M33 314C31.6993 322.961 40.0922 332.111 41 341C47.3657 347.353 48.8604 357.886 53.0162 365.715C58.2079 375.494 69.4325 384.245 72 395C82.692 403.685 87.9858 416.07 97.1296 425.961C110.409 440.325 128.97 452.216 147 459.391C161.014 464.968 175.301 468.572 190 471.34C194.138 472.119 197.758 474.351 202 474.826C216.975 476.502 232.929 475 248 475C262.485 475 277.584 476.225 292 474.83C308.125 473.27 323.796 468.175 339 462.865C343.579 461.266 348.446 460.793 353 459.123C366.582 454.145 380.579 445.788 391.711 436.572C401.872 428.159 409.023 417.193 417.171 406.961C428.727 392.449 440.751 376.679 448.934 359.996C451.62 354.522 456.06 349.267 456 343L458 343C458.06 339.529 459.778 337.171 461.024 333.999C463.613 327.408 467.453 316.974 466 310C470.846 309.031 469.935 297.792 471 293C471.253 291.861 472.716 290.137 473 289C473.392 287.431 472.608 285.569 473 284C474.2 279.198 472.736 273.056 474 268C477.474 254.105 478.115 236.807 476 222C476.143 222.998 477.127 220.698 477 220C476.413 216.773 474.788 213.153 474 210C473.451 207.804 474.549 205.196 474 203C473.476 200.905 471.83 198.992 471 197C468.583 191.2 468.984 183.953 467 178L468 177L466 177C467.133 172.35 464.162 168.344 462.472 164C458.828 154.629 454.952 145.382 451.194 136C448.067 128.191 445.717 119.21 441.528 112C436.616 103.545 429.369 97.3971 423.222 90C420.056 86.1902 418.108 81.4815 414.917 77.6945C410.15 72.0386 403.676 67.569 398 62.9445C380.314 48.5335 362.292 36.0731 340 30.1389C333.784 28.4841 327.291 26.2205 321 25.0555C315.344 24.0081 309.592 24.0332 304 22.5833C294.808 20.2003 286.677 16.069 277 15.0833C268.178 14.1848 258.869 15 250 15C242.836 15 235.09 14.1719 228 15.2222C217.04 16.8459 206.763 20.5182 196 22.6111C187.227 24.3169 178.675 26.9427 170 28.75C162.822 30.2454 155.778 31.1192 149 34.25C136.625 39.9662 122.709 46.8369 112 55.3889C107.23 59.198 103.497 63.8486 99 67.9167C94.2754 72.1908 88.5766 75.9196 84.3056 80.6111C79.2921 86.1183 75.2568 93.028 70.7778 99C67.1181 103.88 62.3828 107.879 59.0278 113C55.6414 118.169 54.2051 123.898 51.5 129.222C49.4462 133.265 46.0428 136.778 44.4444 141C42.5619 145.973 42.0049 151.015 40.5278 156C38.7229 162.091 35.5748 167.831 33.8611 174C30.0156 187.844 27.5346 202.012 24.75 216C24.1329 219.1 22.4308 221.807 22.0833 225C20.3361 241.06 25 256.211 25 272C25 282.795 27.3652 292.444 29.2222 303C29.7478 305.987 30.4476 312.661 33 314z", width: 500, height: 490, scale: 0.004 }, { name: "leaf3", path: "M131.213 46.0278C127.815 48.0254 126.319 52.9211 124.073 56C120.146 61.3815 115.161 66.0213 110 70.1952C89.3963 86.8576 70.0535 103.72 53.8989 125C44.1185 137.884 38.6467 152.387 32.1389 167C27.8124 176.715 22.4299 185.884 19.0039 196C9.82234 223.11 7.61239 254.851 13.1998 283C22.0536 327.604 50.002 365.202 89 388.6C97.6778 393.807 106.695 398.186 116 402.15C122.273 404.822 129.031 407.627 136 406.815C144.352 405.842 152.729 400.633 160 396.691C177.791 387.046 196.239 374.047 209.83 359C227.625 339.299 243.116 313.73 250.255 288C262.712 243.104 255.655 193.342 232.579 153C221.091 132.917 206.762 113.093 190 97.0394C179.895 87.3617 167.927 79.8052 158 69.9962C154.185 66.2268 150.168 62.5346 147.247 58C145.024 54.5491 143.876 49.3477 140.606 46.7423C138.179 44.8079 133.911 44.4415 131.213 46.0278z", width: 268, height: 445, scale: 0.0055 }, { name: "leaf2", path: "M68 52.7462C62.7562 54.6882 58.5302 60.3466 59.3441 66C60.9392 77.079 68.7226 86.3772 69.8287 98C70.9841 110.141 64.6935 121.823 61.0008 133C58.021 142.019 55.6376 151.205 51.9884 160C47.9107 169.827 42.6652 179.05 38.811 189C30.6622 210.038 25.6314 231.484 24.0895 254C23.2182 266.723 25 279.327 25 292C25 310.457 25.7626 333.73 37.5293 349C49.8686 365.013 70.7327 368.993 90 369C100.254 369.004 110.263 367.248 120 363.921C146.243 354.956 170.719 343.038 196 331.862C215.139 323.401 234.057 317.432 251 304.497C274.416 286.62 291.843 259.94 311.285 238.001C316.599 232.005 323.158 227.352 329 221.91C343.093 208.783 355.837 192.912 357.829 173C360.399 147.316 345.44 119.839 324 106.09C314.364 99.911 302.625 97.3362 292 93.3156C284.397 90.4384 277.416 86.1637 270 82.8611C256.132 76.6848 240.79 71.153 226 67.6543C204.048 62.4614 181.397 63.0359 159 63C148.68 62.9834 138.374 62 128 62C114.608 62 101.952 60.3525 89 56.8488C83.0372 55.2357 74.131 50.4756 68 52.7462M239 318L238 319C239.139 320.015 239.612 320.309 241 321C240.309 319.612 240.015 319.139 239 318M234 325L235 326L234 325M243 326L244 327L243 326z", width: 382, height: 421, scale: 0.0055 }, { name: "maple", scale: 0.0035, path: "M230 117C226.57 122.023 228.532 129.508 231.007 134.714C234.331 141.708 238.701 148.22 239.866 156C241.647 167.902 238.819 179.293 243 191C241.57 191.687 240.448 192.102 239.285 193.227C230.124 202.091 242.34 207.864 244.302 217.004C245.773 223.858 242.617 231.032 244.8 237.961C246.648 243.826 252.071 247.648 254.698 253.039C259.804 263.513 255.976 281.061 245.899 287.995C229.427 299.33 210.573 286.17 197.579 276.163C193.645 273.133 187.516 270.362 185.214 265.815C180.686 256.871 182.013 244.832 176.221 236.425C169.938 227.306 160.278 221.153 154.17 211.715C151.007 206.828 149.221 200.533 147.505 195.001C146.737 192.527 146.302 188.814 143.712 187.507C137.814 184.53 137.523 195.811 135.812 198.826C133.915 202.168 130.747 204.375 128.38 207.325C123.493 213.417 121.31 218.605 114.169 222.586C112.021 223.783 109.633 225.647 107.025 225.343C103.735 224.959 101.78 221.703 100.004 219.282C96.4885 214.488 93.3493 207.571 88.6605 203.879C82.9481 199.38 77.0477 203.838 71.0394 201.767C64.3071 199.446 56.0267 194.873 50.2855 190.613C45.2657 186.888 42.6556 182.448 36 182C36 193.594 41.5357 204.401 41.0949 216C40.8996 221.14 37.4084 224.451 36.2994 229.17C35.0299 234.572 37.5747 238.889 37.8171 244.025C37.9789 247.452 35.7525 250.382 36.2785 253.845C37.7455 263.501 48.4722 269.868 46.7762 279.985C44.9446 290.912 34.3714 293.994 25 294C25.0003 297.077 24.458 300.909 25.7423 303.79C27.4507 307.623 32.8751 310.235 35.9992 312.876C39.7842 316.076 42.3322 320.364 45.7647 323.919C48.2944 326.539 52.1023 329.04 53.8603 332.259C57.0477 338.096 53.8352 344.58 52.0895 350.17C50.7078 354.594 50.5307 359.576 48.3519 363.714C44.31 371.389 32.904 374.843 25 377L25 385C38.3326 385.583 44.3541 397.683 57 400.192C63.5235 401.487 72.2926 400.563 77.5262 405.573C81.1252 409.017 81.8489 414.511 85.1852 418.242C89.6152 423.197 94.2932 422.82 99.7137 425.649C107.007 429.456 113.213 438.359 115.856 446.039C121.779 463.258 96.5987 465.953 87.1705 471.818C78.6277 477.132 79.7987 488.336 73.7762 495.675C65.018 506.348 49.3095 511.487 37.9252 518.809C32.1456 522.526 25.5607 525.444 25 533C30.804 532.984 36.4565 530.521 42 530.519C45.7392 530.517 50.2099 532.059 54 532.576C64.8285 534.056 73.6684 534.481 82.1813 542.157C86.3189 545.888 95.3491 554.678 94.3966 560.87C93.7958 564.775 90.2364 567.824 88.8225 571.421C87.8855 573.804 88.1263 576.815 91.1481 577.265C94.6689 577.79 98.3806 575.482 101.424 574.064C107.982 571.009 114.48 566.66 121.09 563.978C131.323 559.826 143.772 565.022 154.004 566.571C159.508 567.405 165.597 567.067 170.91 568.839C174.889 570.165 180.376 573.286 182.302 577.174C184.19 580.986 181.266 585.045 179.258 588.155C173.749 596.686 167.556 606.419 160.29 613.541C157.966 615.818 148.955 619.778 152.086 624.393C155.204 628.99 163.923 621.611 167.035 620.278C176.468 616.238 185.948 617 196 617C199.909 617 205.105 616.126 208.521 618.434C218.031 624.859 207.546 635.617 210 644C214.999 642.17 218.408 637.929 222.155 634.269C228.425 628.146 236.787 619.386 245.039 616.13C247.865 615.015 250.933 614.772 253.83 613.911C258.798 612.434 263.616 608.997 268.985 610.772C274.237 612.508 277.956 620.378 283.924 619.589C289.793 618.812 295.47 607.739 299.59 603.768C314.851 589.054 333.646 578.555 342 558C342.986 559.479 343 559.203 343 561C364.413 561.503 371.368 580.431 382.689 594.869C387.198 600.62 393.62 604.879 398.702 610.155C407.534 619.324 414.441 632.189 415 645C423.279 644.545 421.5 638.855 427.144 635.013C430.996 632.392 435.701 634.087 440 633.957C442.653 633.876 445.364 633.145 447.999 633.728C454.114 635.08 456.911 640.4 461.17 644.275C466.947 649.531 478.237 654.775 486 655C485.595 647.5 478.586 641.576 479.777 634.004C482.124 619.081 503.988 607.855 517.961 611.418C521.493 612.319 524.658 615.006 527.914 616.622C538.412 621.831 550.017 628.476 562 629C561.997 623.907 561.746 619.031 560.037 614.17C558.723 610.43 555.613 606.179 558.607 602.393C562.712 597.201 570.076 597.01 576 597C580.994 596.992 586.139 595.022 591 595.418C596.351 595.854 601.685 598.92 607 598.891C611.705 598.866 615.944 595.242 620.286 593.749C627.548 591.253 635.675 590.314 643.089 587.978C649.598 585.927 657.222 586.932 663.996 585.865C674.479 584.213 684.185 580.854 695 580C694.447 569.941 686.776 571.78 679.039 570.871C675.48 570.453 671.513 569.403 667.999 568.61C661.673 567.182 658.715 561.944 653.714 558.475C646.93 553.769 639.469 554.099 635.179 545.83C632.576 540.813 635.435 537.915 638.425 533.95C643.707 526.947 654.694 522.343 655 513C650.183 511.324 646.951 512.912 641.999 512.995C632.039 513.163 621.449 513.247 612.015 509.598C605.816 507.2 603.345 501.636 599.735 496.579C596.118 491.513 590.807 487.013 588.864 480.91C586.174 472.461 595.324 460.485 602 456.263C610.219 451.065 619.747 451.976 628.911 450.871C631.996 450.499 634.928 449.149 638.004 448.59C641.772 447.905 647.277 447.978 650.486 445.686C656.816 441.166 646.567 434.295 651.319 428.428C663.156 413.817 682.614 413.652 699 410C698.735 401.922 694.273 404.427 688.424 401.87C684.485 400.148 680.797 397.807 676.714 396.38C668.078 393.363 662.422 394.196 657.533 385.166C656.676 383.582 655.399 381.879 655.397 380C655.393 377.349 657.637 374.473 658.486 371.985C661.138 364.217 663.941 357.141 667.235 349.576C668.718 346.171 668.114 341.349 670.603 338.499C672.369 336.478 675.352 335.693 677.576 334.287C681.423 331.854 685.023 329.039 688.87 326.603C694.175 323.244 700.102 320.171 706.015 318.015C708.646 317.056 712.949 316.587 714.238 313.701C715.523 310.825 713.642 308.423 710.941 307.573C704.501 305.545 695.278 306.899 691.183 299.786C687.959 294.187 694.034 288.242 695.39 282.999C696.655 278.111 695.37 273.008 696.26 268.09C698.576 255.281 706.323 242.765 714.338 232.718C716.2 230.385 721.905 223.965 718.242 221.042C714.883 218.36 710.216 222.555 707.715 224.442C701.002 229.508 693.448 236.9 685.964 240.576C682.53 242.263 676.914 244.912 673.039 244.41C669.043 243.893 666.335 240.865 662.014 241.228C655.325 241.791 651.104 248.181 644.961 249.53C638.07 251.044 633.159 243.49 626.831 242.265C622.045 241.338 617.802 245.204 613.285 243.438C605.399 240.353 599.897 232.474 599.388 223.95C599.046 218.216 601.341 212.125 600.947 206.039C600.703 202.271 602.301 190.514 596.015 191.451C592.151 192.027 591.746 196.955 591.045 199.961C588.931 209.02 585.174 216.092 579.526 223.382C574.125 230.353 564.12 230.893 558.854 237.532C554.49 243.035 556.324 251.201 551.957 257.13C546.584 264.424 538.068 265.827 531.714 271.599C525.853 276.922 522.682 284.626 517.24 290.32C506.341 301.725 485.613 307.631 472.329 296.351C465.673 290.699 464.215 280.179 464.015 272C463.637 256.607 467.465 242.009 476.533 229.285C481.159 222.795 485.995 216.479 490.576 209.95C492.749 206.854 495.644 203.739 496.581 199.996C497.387 196.778 496.652 193.393 497.459 190.17C498.614 185.56 502.325 180.968 501.488 176.004C500.305 168.992 492.023 164.25 492.973 156.196C494.06 146.976 498.23 137.529 502.077 129.17C503.381 126.338 506.371 120.611 503.961 117.647C500.665 113.592 492.491 124.175 490.267 126.166C480.554 134.86 471.722 141.665 459.039 145.385C455.015 146.565 451.565 148.677 447.285 147.249C436.072 143.508 436.338 129.758 432.535 120.089C428.228 109.137 417.75 101.043 413.559 89.9854C411.185 83.72 410.182 75.6437 409.08 69C408.642 66.3552 408.693 62.7111 407.411 60.3225C406.088 57.8563 403.293 58.4434 401.389 59.8981C396.967 63.2765 395.089 70.5757 388.015 67.8334C379.968 64.7142 374.89 54.374 371.336 47.1697C369.621 43.694 368.031 41.0085 368.031 37C368.031 33.1268 369.973 30.4487 370.726 26.8303C371.315 23.9982 371 20.8781 371 18C361.972 18.032 359.655 23.9748 357.022 31.9969C353.874 41.5867 351.667 54.2351 344.764 61.7137C341.377 65.3826 335.342 70.0572 330.039 67.7963C326.064 66.1012 318.352 53.6903 314.028 59.588C309.936 65.168 313.461 75.5817 310.713 81.9561C308.034 88.1697 299.602 87.8688 296.893 94.1844C293.579 101.909 300.818 108.6 299.075 115.911C298.156 119.766 296.201 125.693 293.502 128.606C291.269 131.017 287.702 132.506 284.845 134.062C276.316 138.707 266.745 142.811 257.004 139.476C252.492 137.932 249.967 134.906 246.739 131.589C241.561 126.27 234.861 122.544 230 117M354.667 576.333C354.222 576.778 355.278 576.722 355.333 576.667C355.778 576.222 354.722 576.278 354.667 576.333M347 585L348 586L347 585M347 592L347 596C347.71 594.241 347.71 593.76 347 592M353 644L353 649C353.83 646.97 353.83 646.03 353 644M354.667 652.333C354.222 652.778 355.278 652.722 355.333 652.667C355.778 652.222 354.722 652.278 354.667 652.333z", width: 745, height: 707 } ]32:T679,setLayout = () => { nodes.map((m) => { m.fx = undefined; m.fy = undefined; m.x = undefined; m.y = undefined; }); if (parameters.currentLayout === "byLevel") { const typeGroup = d3.group(nodes, (d) => d.level); const treeChildren = Array.from(typeGroup).reduce((acc, entry) => { acc.push({ name: entry[0], value: entry[1].length }); return acc; }, []); const hierarchy = d3 .hierarchy({ name: "root", children: treeChildren }) .sum((s) => s.value); const tree = d3.treemap().size([width, height])(hierarchy); if (tree.children) { const typeCoords = tree.children.reduce((acc, entry) => { acc[entry.data.name] = { x: entry.x0 + (entry.x1 - entry.x0) / 2, y: entry.y0 + (entry.y1 - entry.y0) / 2 }; return acc; }, {}); nodes.map((m) => { m.layoutCoords = typeCoords[m.level]; }); } } else if (parameters.currentLayout === "hierarchy") { const getChildren = (level) => nodes.filter((f) => f.level === level); const levelHeight = height / (levels.length + 1); let currentLevel = -1; let currentY = levelHeight / 2; const nodeGap = d3.max(radiusRange) * 2.05; let children = getChildren(currentLevel); while (currentLevel <= 2) { currentLevel += 1; let newChildren = []; const xStart = 100; children.forEach((m, i) => { m.fx = xStart + nodeGap * i; m.fy = currentY; }); newChildren = getChildren(currentLevel); currentY += levelHeight; children = newChildren; } } }33:[{"id":"63ab75fee46e0626e2fcb148e80d30cae5cb6df99f5c58d0fe9fea236dbdd693bc9cb0da8b327c0f30b6e6a078daa27cb53e6e5a02a7c7150eeefbba814bee10","href":"https://static.observableusercontent.com/files/63ab75fee46e0626e2fcb148e80d30cae5cb6df99f5c58d0fe9fea236dbdd693bc9cb0da8b327c0f30b6e6a078daa27cb53e6e5a02a7c7150eeefbba814bee10","name":"orientalism.jpg","type":"image/jpeg","lastModified":1757497141629.844,"size":30342},{"id":"0b778c296a273d6e99a1c7fe7e0caacba9e11e9d82ee65d0d136da95d108d7e04527a34c3428c99712399015703d6e82b6a7bf69fec606b3405b5a466968a9c4","href":"https://static.observableusercontent.com/files/0b778c296a273d6e99a1c7fe7e0caacba9e11e9d82ee65d0d136da95d108d7e04527a34c3428c99712399015703d6e82b6a7bf69fec606b3405b5a466968a9c4","name":"juggling.jpg","type":"image/jpeg","lastModified":1757497144709.556,"size":856332},{"id":"fac88adea9084a6c23d69df19deedd01b0617172b3536f7d642e1db5f3e4764af8e15d9825cdac8336d18411ffb0960964456daec1b05d356507ef0372f7b5a8","href":"https://static.observableusercontent.com/files/fac88adea9084a6c23d69df19deedd01b0617172b3536f7d642e1db5f3e4764af8e15d9825cdac8336d18411ffb0960964456daec1b05d356507ef0372f7b5a8","name":"manchester_museum_4@1.jpg","type":"image/jpeg","lastModified":1757499777247.849,"size":717520},{"id":"7dca0eaac9178b798e6ede49ec89fefe48e051be75a2b0f0543ff4308e3cb5ff9c4187c52d13f016a6cb322198d6ca1462e29f25f1f8ec0e7845ca3605cb0af2","href":"https://static.observableusercontent.com/files/7dca0eaac9178b798e6ede49ec89fefe48e051be75a2b0f0543ff4308e3cb5ff9c4187c52d13f016a6cb322198d6ca1462e29f25f1f8ec0e7845ca3605cb0af2","name":"meshwork_scheme@2.json","type":"application/json","lastModified":1757925527427.199,"size":5794},{"id":"2fd75e4e25be9a95f727cca2b1cd645dc9d39e5a0b5bdebfd12dbcfe0dc549d1df5b03e839b2211aebd7e07aba67a2fdc824d92412f2ff6b0b67e45a906958ae","href":"https://static.observableusercontent.com/files/2fd75e4e25be9a95f727cca2b1cd645dc9d39e5a0b5bdebfd12dbcfe0dc549d1df5b03e839b2211aebd7e07aba67a2fdc824d92412f2ff6b0b67e45a906958ae","name":"the_oud.jpg","type":"image/webp","lastModified":1757925550837.397,"size":16654},{"id":"2cec54161db027161ba009de46f10e1e03b9ceb642bb06f93655a983fd1eb0d5374aef8d1179fac98da47c20ea8b1ff5b6aed5dfbcf8f90b8757ba5d2d31fd6b","href":"https://static.observableusercontent.com/files/2cec54161db027161ba009de46f10e1e03b9ceb642bb06f93655a983fd1eb0d5374aef8d1179fac98da47c20ea8b1ff5b6aed5dfbcf8f90b8757ba5d2d31fd6b","name":"improvised_bodies_1.png","type":"image/png","lastModified":1757925551349.218,"size":182035},{"id":"6b2d02a7176920355d7c820dda49e6a446755fb6b4ffcca205d4ff31cb6d857b318b97d040ed057a9d92ddb5761ebb1c5e4c9945cd5d2ad356419d4e80115fef","href":"https://static.observableusercontent.com/files/6b2d02a7176920355d7c820dda49e6a446755fb6b4ffcca205d4ff31cb6d857b318b97d040ed057a9d92ddb5761ebb1c5e4c9945cd5d2ad356419d4e80115fef","name":"let_your.jpeg","type":"image/jpeg","lastModified":1757925551548.685,"size":499309},{"id":"f79f413d629a26ae34a6416f459f62de500b514af3e5535b8f1eccd16b73c72113fc413cdc364457d7d1d45d8afa5ac67d62a3dcd815b3040eb18c9931a8b1b0","href":"https://static.observableusercontent.com/files/f79f413d629a26ae34a6416f459f62de500b514af3e5535b8f1eccd16b73c72113fc413cdc364457d7d1d45d8afa5ac67d62a3dcd815b3040eb18c9931a8b1b0","name":"let_the.jpeg","type":"image/jpeg","lastModified":1757925552437.986,"size":1020555},{"id":"e234a2f06435bb3c854a83a50879960220f29e18240770c91a20ebdb3ecb336eb620a98ee7f4bf0c16e2856be1de581848eab45affe1bef3c1fdcfab68ef23e5","href":"https://static.observableusercontent.com/files/e234a2f06435bb3c854a83a50879960220f29e18240770c91a20ebdb3ecb336eb620a98ee7f4bf0c16e2856be1de581848eab45affe1bef3c1fdcfab68ef23e5","name":"improvised_bodies_2.jpeg","type":"image/png","lastModified":1757925551526.653,"size":299920},{"id":"45381b5276fe97f211b2242f65ebfb9e07752ee5123c186e235d25016331483f90667339910728179a4feae5a8e74dccd8a266ab7836f93036529a2671ade013","href":"https://static.observableusercontent.com/files/45381b5276fe97f211b2242f65ebfb9e07752ee5123c186e235d25016331483f90667339910728179a4feae5a8e74dccd8a266ab7836f93036529a2671ade013","name":"memory_in.jpeg","type":"image/jpeg","lastModified":1757925552106.024,"size":747136},{"id":"ddbb773b6a8bb46adad3daa39812b52eae5ebde15f6763fb8f40357a2b78654c17dc2f4e1792db4784ed6d36fa208cf6ada5ba539e54e4c051bb91eb3e3228d1","href":"https://static.observableusercontent.com/files/ddbb773b6a8bb46adad3daa39812b52eae5ebde15f6763fb8f40357a2b78654c17dc2f4e1792db4784ed6d36fa208cf6ada5ba539e54e4c051bb91eb3e3228d1","name":"a_very.jpeg","type":"image/jpeg","lastModified":1757925552312.552,"size":816682},{"id":"4344399a045d256ec68b64bdb495208513bf59e5fd42ca7df853a89d28fdf62e513e67f03cfac17f39544dab685d2bc7650e8133b81bed279a51529f26f4492b","href":"https://static.observableusercontent.com/files/4344399a045d256ec68b64bdb495208513bf59e5fd42ca7df853a89d28fdf62e513e67f03cfac17f39544dab685d2bc7650e8133b81bed279a51529f26f4492b","name":"submerged_gold.jpeg","type":"image/jpeg","lastModified":1757925552282.287,"size":738780},{"id":"58a0da996170bb577a37254bda21d3941119f252283d8b0425997e3de2f9dff587b83b63a977e5c90c4274777da8977e042d10b15ba0d428f2b65d52fe226caf","href":"https://static.observableusercontent.com/files/58a0da996170bb577a37254bda21d3941119f252283d8b0425997e3de2f9dff587b83b63a977e5c90c4274777da8977e042d10b15ba0d428f2b65d52fe226caf","name":"energy_released.jpeg","type":"image/jpeg","lastModified":1757925552565.543,"size":1027803},{"id":"0695ff9d76aa2acc8ae625df3ee48ed40028e1206d6c82b2b5c54deee559e778daee3402e0220bc681e59ad6187225307f67b49091cbe67d8c7b97ddc8615249","href":"https://static.observableusercontent.com/files/0695ff9d76aa2acc8ae625df3ee48ed40028e1206d6c82b2b5c54deee559e778daee3402e0220bc681e59ad6187225307f67b49091cbe67d8c7b97ddc8615249","name":"hopeful_art.jpeg","type":"image/jpeg","lastModified":1757925552635.893,"size":2513096},{"id":"640441d232abc06b3e6c01f4176d47295c490c0b3247b8db8177dd55be537cbf7892897ddadd405fc171586d7729255814dacfef088340dde675198938cdf8b9","href":"https://static.observableusercontent.com/files/640441d232abc06b3e6c01f4176d47295c490c0b3247b8db8177dd55be537cbf7892897ddadd405fc171586d7729255814dacfef088340dde675198938cdf8b9","name":"letting_go.jpeg","type":"image/jpeg","lastModified":1757925552324.032,"size":864228},{"id":"f02622288d1e390122ff652abad394c3e1bcf2a529b853bf265379151c9d9d4189c56b0c5ea7422f382c6d2d86cfb1cdeb3227a2f06884bcae55ff4024e8ec90","href":"https://static.observableusercontent.com/files/f02622288d1e390122ff652abad394c3e1bcf2a529b853bf265379151c9d9d4189c56b0c5ea7422f382c6d2d86cfb1cdeb3227a2f06884bcae55ff4024e8ec90","name":"mim_oud_1@1.jpg","type":"image/jpeg","lastModified":1757926321726.356,"size":1698643},{"id":"12beb45f2c29f6f0f67f662947eebc11f1e1b8d264af9ff3b21d1e28cf2605e7bedcc80cfaf964db6f02b41658e81a05ade28958dd1652ab018c0101c18444fc","href":"https://static.observableusercontent.com/files/12beb45f2c29f6f0f67f662947eebc11f1e1b8d264af9ff3b21d1e28cf2605e7bedcc80cfaf964db6f02b41658e81a05ade28958dd1652ab018c0101c18444fc","name":"all_nodes@2.json","type":"application/json","lastModified":1757927006130.7,"size":9539},{"id":"8163716307d3ea0235cc5395e0077e7f073f63622c72fd8460ae3a1074d3ab0a74d37ee5c546e08fef0f1cef668482a91ea4be15c78fb2e24e9a8a74fd2258db","href":"https://static.observableusercontent.com/files/8163716307d3ea0235cc5395e0077e7f073f63622c72fd8460ae3a1074d3ab0a74d37ee5c546e08fef0f1cef668482a91ea4be15c78fb2e24e9a8a74fd2258db","name":"music.jpg","type":"image/jpeg","lastModified":1757497110963.591,"size":461190},{"id":"4dbdb27aa1777ee6c46c2ff46bc745c4a381e3dfb897c6da7ddb5ec8718443dcd8f7491dbf1abc6b418582972f075e5938b87c9e3921ec865d856e48fb5b2e20","href":"https://static.observableusercontent.com/files/4dbdb27aa1777ee6c46c2ff46bc745c4a381e3dfb897c6da7ddb5ec8718443dcd8f7491dbf1abc6b418582972f075e5938b87c9e3921ec865d856e48fb5b2e20","name":"a_thousand.jpg","type":"image/jpeg","lastModified":1757497112210.42,"size":4369425},{"id":"2a517dad6c71bf64b6d7fa27f92aff2f8691cd13035a1570095ead130ec08fe2343ae5a593d175fbb2381ab044a316889759d2495bb5c893d61bdcaaf0a7cc01","href":"https://static.observableusercontent.com/files/2a517dad6c71bf64b6d7fa27f92aff2f8691cd13035a1570095ead130ec08fe2343ae5a593d175fbb2381ab044a316889759d2495bb5c893d61bdcaaf0a7cc01","name":"archive.jpg","type":"image/jpeg","lastModified":1757497120438.289,"size":4514221},{"id":"f2f36761a48f630981c534183b37b1d6c8f0f99dc64c286eae2e6e5aef88c92028d0b819ee87b906deb4f8f56d92c0c27e33ea4605a1ceb2e8c2fa9424b54094","href":"https://static.observableusercontent.com/files/f2f36761a48f630981c534183b37b1d6c8f0f99dc64c286eae2e6e5aef88c92028d0b819ee87b906deb4f8f56d92c0c27e33ea4605a1ceb2e8c2fa9424b54094","name":"connective_tissue_1.jpg","type":"image/jpeg","lastModified":1757497141686.309,"size":56106},{"id":"c6f2f488f39ee97d0d8fb9896521d04e8fb4269d67052c7acd2b242504dc83bd49304c747652dd95035e3add6cf15f243ee4bcf49866d5ae71193d4029bdc2b2","href":"https://static.observableusercontent.com/files/c6f2f488f39ee97d0d8fb9896521d04e8fb4269d67052c7acd2b242504dc83bd49304c747652dd95035e3add6cf15f243ee4bcf49866d5ae71193d4029bdc2b2","name":"the_sayings.jpg","type":"image/jpeg","lastModified":1757497141548.641,"size":37749},{"id":"abbb0d577e0ab23bbc2ead1fef22b64b1eff2125f27089f80e34dd3020ec0732c9d432faadf0e80837f63c167526255b8dd68fec46999fde51d184be53cbafff","href":"https://static.observableusercontent.com/files/abbb0d577e0ab23bbc2ead1fef22b64b1eff2125f27089f80e34dd3020ec0732c9d432faadf0e80837f63c167526255b8dd68fec46999fde51d184be53cbafff","name":"ligeti_kurtag.jpg","type":"image/jpeg","lastModified":1757497141648.95,"size":34165},{"id":"2fd75e4e25be9a95f727cca2b1cd645dc9d39e5a0b5bdebfd12dbcfe0dc549d1df5b03e839b2211aebd7e07aba67a2fdc824d92412f2ff6b0b67e45a906958ae","href":"https://static.observableusercontent.com/files/2fd75e4e25be9a95f727cca2b1cd645dc9d39e5a0b5bdebfd12dbcfe0dc549d1df5b03e839b2211aebd7e07aba67a2fdc824d92412f2ff6b0b67e45a906958ae","name":"the_oud.webp","type":"image/webp","lastModified":1757497141548.86,"size":16654},{"id":"c409783c1a48b9416c935ae4523a2fd5ae2d7128ed4af0569e4130b22e648be0b10e5301e3eb871026d91c25efdc3af7358e96246dc28651a276e176b6489bfc","href":"https://static.observableusercontent.com/files/c409783c1a48b9416c935ae4523a2fd5ae2d7128ed4af0569e4130b22e648be0b10e5301e3eb871026d91c25efdc3af7358e96246dc28651a276e176b6489bfc","name":"research.jpg","type":"image/jpeg","lastModified":1757497142078.308,"size":144099},{"id":"9b1fdb8532795e541326cadfd12c520f058176ba66177f8f9160fdb84619fc5d97b2c2b7f07664eac5a8701db123b2e7b4a922cba3a67fdcd3a98d6d60784705","href":"https://static.observableusercontent.com/files/9b1fdb8532795e541326cadfd12c520f058176ba66177f8f9160fdb84619fc5d97b2c2b7f07664eac5a8701db123b2e7b4a922cba3a67fdcd3a98d6d60784705","name":"books.jpg","type":"image/jpeg","lastModified":1757497146323.095,"size":3240527},{"id":"18be2eb8f0dd09f3bd7ad7071889ca904ab7fd4e610dc3063d16e6aebef5f72932fd700d45180d329c9d567e2d5c018b4f6bde2b6fa6294142cfb1b9059bd344","href":"https://static.observableusercontent.com/files/18be2eb8f0dd09f3bd7ad7071889ca904ab7fd4e610dc3063d16e6aebef5f72932fd700d45180d329c9d567e2d5c018b4f6bde2b6fa6294142cfb1b9059bd344","name":"be_water_1.jpeg","type":"image/jpeg","lastModified":1757497142174.341,"size":280091},{"id":"3bd1ddfd990a8f0c4f52aaaf9b427f3547faaee1a32281c7771cd76e65aff51a0989191391f81bfc50c7f7d217a11267f23d23a48c87fa223eb6605af4a2ef63","href":"https://static.observableusercontent.com/files/3bd1ddfd990a8f0c4f52aaaf9b427f3547faaee1a32281c7771cd76e65aff51a0989191391f81bfc50c7f7d217a11267f23d23a48c87fa223eb6605af4a2ef63","name":"research_design.jpg","type":"image/jpeg","lastModified":1757497141963.174,"size":96283},{"id":"d7e0ec6a8653a791ccb0011fb495a7cf090523090b0c6dc210b4d3f3b4fabbcd7d56a4c7d355615fd5ac904aa246c9c5106f19566802d2a3d1a2d2af8e065373","href":"https://static.observableusercontent.com/files/d7e0ec6a8653a791ccb0011fb495a7cf090523090b0c6dc210b4d3f3b4fabbcd7d56a4c7d355615fd5ac904aa246c9c5106f19566802d2a3d1a2d2af8e065373","name":"resounding_oceans.jpg","type":"image/jpeg","lastModified":1757497142375.173,"size":413605},{"id":"16a5fba5959dc6e98203e453f179b8f4399432dd2c4216ad635f3f38997a45d8b3bb1d45cbd6f63061122c3d737d8f14aea61cf1aeab378b86af9bda8404bd88","href":"https://static.observableusercontent.com/files/16a5fba5959dc6e98203e453f179b8f4399432dd2c4216ad635f3f38997a45d8b3bb1d45cbd6f63061122c3d737d8f14aea61cf1aeab378b86af9bda8404bd88","name":"the_storyteller.jpg","type":"image/jpeg","lastModified":1757497144286.841,"size":730939},{"id":"ed91c65552d8d9f4e74978cf0b5e0acea75b42707d1fe60f0547fde98fe85cdad442bd8a4383fbf67acc3adc9b525bab97439ac9efe43ddd4178f6b1c77cb715","href":"https://static.observableusercontent.com/files/ed91c65552d8d9f4e74978cf0b5e0acea75b42707d1fe60f0547fde98fe85cdad442bd8a4383fbf67acc3adc9b525bab97439ac9efe43ddd4178f6b1c77cb715","name":"teatime_manf_2021.png","type":"image/png","lastModified":1757497141944.742,"size":144279},{"id":"7936530d9db7c8217a5e23faf0ad6f2daeccb2ead2b227ad17d4e8ba1b7e80d20340f27edcd35a9ca593cd0d3c5711dc78f6d6f0f090824003e43c34a1978ede","href":"https://static.observableusercontent.com/files/7936530d9db7c8217a5e23faf0ad6f2daeccb2ead2b227ad17d4e8ba1b7e80d20340f27edcd35a9ca593cd0d3c5711dc78f6d6f0f090824003e43c34a1978ede","name":"unwept_tears.jpg","type":"image/jpeg","lastModified":1757497142502.851,"size":433317},{"id":"7d04b76616fd140251796bb96c0489641adc04de56d5a155fcd1fdc71ad477a54b8b878c94b037b4d0bb38215ce3660494c89c37ba8fc879e43f1092d9952ffe","href":"https://static.observableusercontent.com/files/7d04b76616fd140251796bb96c0489641adc04de56d5a155fcd1fdc71ad477a54b8b878c94b037b4d0bb38215ce3660494c89c37ba8fc879e43f1092d9952ffe","name":"sound_art.jpg","type":"image/jpeg","lastModified":1757497143351.68,"size":571467},{"id":"1381793c5704805052d0b66373ba8435e7488134ca11b2ea8a7fda45f2381dbc560466bc8462e9c43a3f0aecf45efb7a2ecacfd38269c3cd3b16811d8b2f3d24","href":"https://static.observableusercontent.com/files/1381793c5704805052d0b66373ba8435e7488134ca11b2ea8a7fda45f2381dbc560466bc8462e9c43a3f0aecf45efb7a2ecacfd38269c3cd3b16811d8b2f3d24","name":"fundamentals.png","type":"image/png","lastModified":1757497144632.716,"size":885591},{"id":"618072ed16e17be761bcea0332ef0069245b67771c3aebb661d62200a4422374d135f86463bac39636f536cdb458ee2aac6beccbf6c88275644c60ddc792b429","href":"https://static.observableusercontent.com/files/618072ed16e17be761bcea0332ef0069245b67771c3aebb661d62200a4422374d135f86463bac39636f536cdb458ee2aac6beccbf6c88275644c60ddc792b429","name":"tanus.jpg","type":"image/jpeg","lastModified":1757497144536.192,"size":816767},{"id":"3a62a5adf4d8753869993ba8f138cc1e2ed53f76e382dd7addd0efe333c41a33822c8ceb3fba96dddacf51f7912d4d96acd077f12c728eb2723d81a654152e6b","href":"https://static.observableusercontent.com/files/3a62a5adf4d8753869993ba8f138cc1e2ed53f76e382dd7addd0efe333c41a33822c8ceb3fba96dddacf51f7912d4d96acd077f12c728eb2723d81a654152e6b","name":"dalia.jpg","type":"image/jpeg","lastModified":1757497144755.95,"size":894476},{"id":"e9fd52e840025d53b8b37a9f44d4732fad85018a531bfe6bf4f7a8afa6216b45d73eb4fb64a3cbb7e3c1a2991951120fcb46d3d2e0d206d72f8446bc1857c383","href":"https://static.observableusercontent.com/files/e9fd52e840025d53b8b37a9f44d4732fad85018a531bfe6bf4f7a8afa6216b45d73eb4fb64a3cbb7e3c1a2991951120fcb46d3d2e0d206d72f8446bc1857c383","name":"be_water_2.jpeg","type":"image/jpeg","lastModified":1757497145515.206,"size":1593129},{"id":"30b584797a9277fa1cafa258515281d9fa53a12b64d452d5370edf7cc774c43fc3208934f91820d0f7ae40c65610ec766409aae53ebf14c6a48ed1fe8f543671","href":"https://static.observableusercontent.com/files/30b584797a9277fa1cafa258515281d9fa53a12b64d452d5370edf7cc774c43fc3208934f91820d0f7ae40c65610ec766409aae53ebf14c6a48ed1fe8f543671","name":"in_progress.jpg","type":"image/jpeg","lastModified":1757497145743.464,"size":1956067},{"id":"0aad3832f8ea4598c40dd752743768c6d9cfb819f97bbad78ae20cdb67f93d37a20f92e6bdab7fba50d090653d9df6a7b0faad6dda0e9f0b65649905ffc39813","href":"https://static.observableusercontent.com/files/0aad3832f8ea4598c40dd752743768c6d9cfb819f97bbad78ae20cdb67f93d37a20f92e6bdab7fba50d090653d9df6a7b0faad6dda0e9f0b65649905ffc39813","name":"brienenoord_1@1.JPG","type":"image/jpeg","lastModified":1757499332788.726,"size":5133657},{"id":"7746c3e4ed3441776b55ee7119bd202bdbe2c3c8875cd814c4c1edb4d2d148d8c00257a6ec18aed4a8cbe067dfb2cf9800375156b8c70edef741c29000a085e2","href":"https://static.observableusercontent.com/files/7746c3e4ed3441776b55ee7119bd202bdbe2c3c8875cd814c4c1edb4d2d148d8c00257a6ec18aed4a8cbe067dfb2cf9800375156b8c70edef741c29000a085e2","name":"books_2@1.jpg","type":"image/jpeg","lastModified":1757499443348.418,"size":626824},{"id":"ccf11bef7938bbe3f07354f0adaaa296088009cf28cde9c89f686e3b958116501a7f9dac08c7d9239f0a8de556a1d9a053dee6a9d55b7142699eaf0f1471275d","href":"https://static.observableusercontent.com/files/ccf11bef7938bbe3f07354f0adaaa296088009cf28cde9c89f686e3b958116501a7f9dac08c7d9239f0a8de556a1d9a053dee6a9d55b7142699eaf0f1471275d","name":"rachel_standing@1.jpg","type":"image/jpeg","lastModified":1757499526755.567,"size":376864},{"id":"0aad3832f8ea4598c40dd752743768c6d9cfb819f97bbad78ae20cdb67f93d37a20f92e6bdab7fba50d090653d9df6a7b0faad6dda0e9f0b65649905ffc39813","href":"https://static.observableusercontent.com/files/0aad3832f8ea4598c40dd752743768c6d9cfb819f97bbad78ae20cdb67f93d37a20f92e6bdab7fba50d090653d9df6a7b0faad6dda0e9f0b65649905ffc39813","name":"brienenoord_1@2.JPG","type":"image/jpeg","lastModified":1757499604490.096,"size":5133657},{"id":"025e78b2c5f0f8ddc2253647090b87cb289abb9521588d870d3426b3f667afe90ec4dd44a469d9a99c4c8efed72f4d8d7b4290311d934574f77e87d9591a82db","href":"https://static.observableusercontent.com/files/025e78b2c5f0f8ddc2253647090b87cb289abb9521588d870d3426b3f667afe90ec4dd44a469d9a99c4c8efed72f4d8d7b4290311d934574f77e87d9591a82db","name":"marine_app@1.jpg","type":"image/jpeg","lastModified":1757499637787.332,"size":828633},{"id":"37e4512193f327182d30c86c631a6f6557963110f55f7d6b51a4d308b56761586cfc2aff9d7667d7b56e9a4fc3ef614820a3549d9a93bed4eb5303d2d3096ff7","href":"https://static.observableusercontent.com/files/37e4512193f327182d30c86c631a6f6557963110f55f7d6b51a4d308b56761586cfc2aff9d7667d7b56e9a4fc3ef614820a3549d9a93bed4eb5303d2d3096ff7","name":"the_earth@1.jpg","type":"image/jpeg","lastModified":1757499793617.583,"size":1205325},{"id":"be48048969ab1e533ac93dc497ebf6529ff49cad1bdd172ac7ba21a37234428ad2cc5f9cc5b70e7230efa3e31e6b85dd26a675910f9fdb2d2b0256a93d4405fc","href":"https://static.observableusercontent.com/files/be48048969ab1e533ac93dc497ebf6529ff49cad1bdd172ac7ba21a37234428ad2cc5f9cc5b70e7230efa3e31e6b85dd26a675910f9fdb2d2b0256a93d4405fc","name":"manchester_museum_3@1.jpg","type":"image/jpeg","lastModified":1757499853135.624,"size":957408}] 2d:{"title":"Meshwork - demo","cells":[{"id":0,"value":"# Meshwork - demo ","pinned":false,"hidden":false,"mode":"md"},{"id":684,"value":"viewof parameters = Inputs.form(\n {\n currentLayout: radio({\n options: [\"default\", \"byLevel\", \"hierarchy\"],\n value: \"default\",\n title: \"Layout Switch \"\n }),\n nodeShape: radio({\n options: [\n \"categoryLeaf1\",\n \"categoryLeaf2\",\n \"categoryLeaf3\",\n \"categoryLeaf4\"\n ],\n value: \"categoryLeaf1\",\n title: \"Category Node Shape\"\n }),\n categoryColor: radio({\n options: [\"#6B8E47\", \"#3B7302\", \"#97BF04\"],\n value: \"#6B8E47\",\n title: \"Category Leaf Color\"\n })\n },\n {\n template: (formParts) => htl.html`\n

\n ${Object.values(formParts)[0]}\n

\n ${Object.values(formParts)[1]}\n

\n ${Object.values(formParts)[2]}\n

\n`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"viewof imageParameters = Inputs.form(\n {\n currentBackgroundImage: radio({\n options: backgroundImageList,\n value: backgroundImageList[3],\n title: \"Choose image\"\n }),\n opacity: slider({\n min: 0.1,\n max: 1,\n step: 0.05,\n value: 0.05,\n description: \"Opacity\"\n })\n },\n {\n template: (formParts) => htl.html`\n

\n ${Object.values(formParts)[0]}\n

\n ${Object.values(formParts)[1]}\n

\n\n`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"viewof imageEffects = Inputs.form(\n {\n applyFilter: radio({\n options: [\"none\", \"blur-saturate\", \"grayscale\"],\n title: \"Choose Background Image Effect\",\n value: \"grayscale\"\n }),\n blurDeviation: slider({\n min: 0,\n max: 10,\n step: 1,\n description: \"Blur Level\"\n }),\n saturateLevel: slider({\n min: 0,\n max: 1,\n step: 0.1,\n description: \"saturate level\"\n })\n },\n {\n template: (formParts) => htl.html`\n

\n ${Object.values(formParts)[0]}\n

\n ${Object.values(formParts)[1]}\n

\n\n ${Object.values(formParts)[2]}\n

\n\n`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":874,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":878,"value":"justImage = {\n const baseSvg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, height]);\n\n const defs = baseSvg.append(\"defs\");\n\n const customFilter = defs.append(\"filter\").attr(\"id\", \"customFilter\");\n\n customFilter\n .append(\"feGaussianBlur\")\n .attr(\"in\", \"SourceGraphic\")\n .attr(\"stdDeviation\", imageEffects.blurDeviation);\n\n customFilter\n .append(\"feColorMatrix\")\n .attr(\"type\", \"saturate\")\n .attr(\"values\", imageEffects.saturateLevel);\n\n const getFilter = () => {\n if (imageEffects.applyFilter === \"none\") return \"\";\n if (imageEffects.applyFilter === \"blur-saturate\")\n return \"url(#customFilter)\";\n return \"grayscale(100%)\";\n };\n\n baseSvg\n .append(\"image\")\n .style(\"filter\", getFilter)\n .attr(\"href\", getBackgroundImage(imageParameters.currentBackgroundImage))\n .attr(\"width\", \"100%\")\n .attr(\"height\", \"100%\")\n .attr(\"opacity\", imageParameters.opacity)\n .attr(\"preserveAspectRatio\", \"xMidYMid slice\");\n\n return baseSvg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":933,"value":"import { generateVineShapeSmooth } from \"b7d1e05d9d1ad1ec\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":817,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":811,"value":"getNodesAndLinks = (type, nodeId) => {\n const newNodes = [];\n const newLinks = [];\n if (type === \"collapse\") {\n //\n // find all links to nodeId\n // if target === level 1, find all links to level 2\n //\n }\n return { newNodes, newLinks };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":675,"value":"IGNORE EVERYTHING AFTER THIS!!!","pinned":false,"hidden":false,"mode":"md"},{"id":643,"value":"import { getBackgroundImage, backgroundImageList } from \"b7060951cc8ab5d4\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":573,"value":"zoomToBounds = (currentNodes, baseSvg, width, height, zoom) => {\n const { translateX, translateY, fitToScale } = getZoomCalculations({\n nodes: nodes.filter((f) => f.expanded),\n height,\n width\n });\n baseSvg\n .interrupt()\n .transition()\n .duration(300)\n .call(\n zoom.transform,\n d3.zoomIdentity\n .translate(width / 2, height / 2)\n .scale(fitToScale)\n .translate(translateX, translateY)\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":585,"value":"getZoomCalculations = ({ nodes }) => {\n // might have to have a maxRadius here\n const [xExtent0, xExtent1] = d3.extent(nodes, (d) => d.fx || d.x);\n const [yExtent0, yExtent1] = d3.extent(nodes, (d) => d.fy || d.y);\n\n if (\n xExtent0 !== undefined &&\n xExtent1 !== undefined &&\n yExtent0 !== undefined &&\n yExtent1 !== undefined\n ) {\n let xWidth = xExtent1 - xExtent0;\n let yWidth = yExtent1 - yExtent0;\n\n const translateX = -(xExtent0 + xExtent1) / 2;\n const translateY = -(yExtent0 + yExtent1) / 2;\n const fitToScale = 0.9 / Math.max(xWidth / width, yWidth / height);\n return { translateX, translateY, fitToScale };\n }\n return { translateX: 0, translateY: 0, fitToScale: 1 };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":514,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":422,"value":"simulation = d3\n .forceSimulation()\n .force(\"repel\", d3.forceManyBody().strength(-1000))\n .force(\n \"x\",\n d3\n .forceX((d) => (d.layoutCoords ? d.layoutCoords.x : width / 2))\n .strength(parameters.currentLayout === \"default\" ? 0.15 : 0.8)\n )\n .force(\n \"y\",\n d3\n .forceY((d) => (d.layoutCoords ? d.layoutCoords.y : (height - 60) / 2))\n .strength(parameters.currentLayout === \"default\" ? 0.4 : 0.9)\n )\n\n .force(\n \"link\",\n d3\n .forceLink()\n .id((d) => d.id)\n .strength(0)\n )\n .force(\n \"collide\",\n d3\n .forceCollide()\n .radius((d) => d.radius * 4)\n .strength(0.6)\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":359,"value":"height = width * 0.6","pinned":false,"hidden":false,"mode":"ojs"},{"id":762,"value":"width = 2600","pinned":true,"hidden":false,"mode":"ojs"},{"id":353,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"radiusRange = [40, 40, 35, 30]","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"levelScale = d3.scaleOrdinal().domain(levels).range(radiusRange)","pinned":false,"hidden":false,"mode":"ojs"},{"id":745,"value":"tags = [...new Set(meshwork_scheme.map((m) => m.tags).flat())].reduce(\n (acc, entry) => {\n if (entry) {\n const nodeIds = meshwork_scheme\n .filter((f) => f.tags && f.tags.includes(entry))\n .map((m) => m.id);\n acc.push({\n text: entry,\n ids: nodeIds,\n size: nodeIds.length\n });\n }\n return acc;\n },\n []\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"links = meshwork_scheme.reduce((acc, entry) => {\n if (!nodes.some((s) => s.id === entry.id)) {\n console.log(\"missing node for\", entry.id);\n } else {\n linkTypes.forEach((l) => {\n if (entry[l]) {\n entry[l].forEach((target) => {\n if (!nodes.some((s) => s.id === target)) {\n console.log(\"missing node for\", target);\n } else {\n const matchingLink = acc.find(\n (f) =>\n (f.source === entry.id && f.target === target) ||\n (f.source === target && f.target === entry.id)\n );\n if (!matchingLink) {\n acc.push({\n source: entry.id,\n target,\n type: l\n });\n } else {\n if (matchingLink.type !== l) {\n console.log(\"data issue\", matchingLink, l);\n }\n }\n }\n });\n }\n });\n }\n return acc;\n}, [])","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"linkTypes = [\"related_1\", \"related_2\", \"related_3\", \"related_4\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"levels = [-1, 0, 1, 2]","pinned":false,"hidden":false,"mode":"ojs"},{"id":836,"value":"meshwork_scheme = FileAttachment(\"meshwork_scheme@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":898,"value":"getNodeShape = (aspectRatio) => {\n if (aspectRatio < 0.95) return \"stone_portrait\";\n if (aspectRatio > 1.05) return \"stone_landscape\";\n return \"stone_square\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"nodes = await Promise.all(\n all_nodes.map(async (entry) => {\n const matchingSchema = meshwork_scheme.find((f) => f.id === entry.id);\n entry.level = matchingSchema ? matchingSchema.level : -1;\n entry.tags = matchingSchema ? matchingSchema.tags : [];\n entry.radius = levelScale(entry.level);\n const imageDetails = await getImage(entry.id);\n let nodeShape = \"stone_square\";\n if (imageDetails) {\n const { src, dimensions } = imageDetails;\n if (dimensions.width > dimensions.height) {\n entry.ratioWidth = 1 * dimensions.aspectRatio;\n entry.ratioHeight = 1;\n } else {\n entry.ratioWidth = 1;\n entry.ratioHeight = 1 / dimensions.aspectRatio;\n }\n entry.src = src;\n nodeShape = getNodeShape(dimensions.aspectRatio);\n }\n if (entry.level < 1) {\n nodeShape = parameters.nodeShape;\n }\n entry.currentLeafOption = leafOptions.find((f) => f.name === nodeShape);\n return entry;\n }, [])\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":876,"value":"all_nodes = FileAttachment(\"all_nodes@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":870,"value":"oudmigrations = FileAttachment(\"mim_oud_1@1.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":206,"value":"images = {\n return {\n a_thousand,\n archive,\n audiovisual,\n energy_released,\n be_water_1,\n be_water_2,\n books,\n connective_tissue,\n education,\n interactive,\n islands,\n in_progress,\n kronberg,\n juggling,\n ligeti_kurtag,\n music,\n older_work,\n orientalism,\n oudmigrations,\n publications,\n press,\n discography,\n research,\n research_design,\n resounding,\n sound_art,\n trees,\n teatime,\n the_oud,\n the_oud_reviews,\n the_sayings,\n the_storyteller,\n unwept_tears,\n submerged_gold,\n memory_in,\n letting_go,\n let_your,\n let_the,\n hopeful_art,\n a_very,\n improvised_bodies\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":841,"value":"the_oud_review = FileAttachment(\"the_oud.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":842,"value":"submerged_gold = FileAttachment(\"submerged_gold.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":843,"value":"memory_in = FileAttachment(\"memory_in.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":844,"value":"letting_go = FileAttachment(\"letting_go.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":845,"value":"let_your = FileAttachment(\"let_your.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":846,"value":"let_the = FileAttachment(\"let_the.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":847,"value":"improvised_bodies_2 = FileAttachment(\"improvised_bodies_2.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":848,"value":"improvised_bodies = FileAttachment(\"improvised_bodies_1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":849,"value":"hopeful_art = FileAttachment(\"hopeful_art.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":850,"value":"energy_released = FileAttachment(\"energy_released.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":851,"value":"a_very = FileAttachment(\"a_very.jpeg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":300,"value":"audiovisual = FileAttachment(\"manchester_museum_3@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":293,"value":"education = FileAttachment(\"manchester_museum_4@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"interactive = FileAttachment(\"marine_app@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"publications = FileAttachment(\"books_2@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"islands = FileAttachment(\"brienenoord_1@2.JPG\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"trees = FileAttachment(\"brienenoord_1@1.JPG\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"be_water_1 = FileAttachment(\"be_water_1.jpeg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"resounding = FileAttachment(\"resounding_oceans.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"juggling = FileAttachment(\"juggling.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"older_work = FileAttachment(\"rachel_standing@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"unwept_tears = FileAttachment(\"unwept_tears.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"the_storyteller = FileAttachment(\"the_storyteller.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"the_sayings = FileAttachment(\"the_sayings.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"the_oud = FileAttachment(\"the_oud.webp\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"the_oud_reviews = FileAttachment(\"the_oud.webp\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"teatime = FileAttachment(\"teatime_manf_2021.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"press = FileAttachment(\"tanus.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"kronberg = FileAttachment(\"tanus.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"sound_art = FileAttachment(\"sound_art.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"research_design = FileAttachment(\"research_design.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"research = FileAttachment(\"research.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"orientalism = FileAttachment(\"orientalism.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"ligeti_kurtag = FileAttachment(\"ligeti_kurtag.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"in_progress = FileAttachment(\"in_progress.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"fundamentals = FileAttachment(\"fundamentals.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"dalia = FileAttachment(\"dalia.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"connective_tissue = FileAttachment(\"connective_tissue_1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"books = FileAttachment(\"books.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"be_water_2 = FileAttachment(\"be_water_2.jpeg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"archive = FileAttachment(\"archive.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"a_thousand = FileAttachment(\"a_thousand.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"music = FileAttachment(\"music.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":295,"value":"discography = FileAttachment(\"the_earth@1.jpg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"getImage = async (name) => {\n if (name in images) {\n const file = images[name];\n const dimensions = await imageDimensions(file);\n console.log(name, dimensions);\n return { src: file, dimensions };\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"imageDimensions = (url) => {\n return new Promise((resolve) => {\n const img = new Image();\n img.onload = () => {\n resolve({\n width: img.naturalWidth,\n height: img.naturalHeight,\n aspectRatio: img.naturalWidth / img.naturalHeight\n });\n };\n img.src = url;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"import { radio, slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"style = html`\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}