31:Te1c,copiedPlot = `0%50%100%0%50%100%0%50%100%`32:T441,drawBasicTernaryPlot = { const height = 170; const yOffset = 70 / 4; const node = DOM.svg(width, height); const svg = d3.select(node); const radius = miniTernaryPlot.radius(); const chart = svg .append("g") .attr("transform", `translate(${width / 2} ${height / 2 + yOffset})`) .attr("height", 300) .attr("font-family", "sans-serif") .attr("id", "chart"); const gridLinesPaths = miniTernaryPlot .gridLines(5) .map(axisGrid => axisGrid.map(d3.line()).join(" ")); const gridGroup = chart .append("g") .attr("class", "grid") .call(grid, gridLinesPaths); const axisTicksGroups = chart .append("g") .attr("class", "ternary-ticks") .attr("font-size", 8) .selectAll("g") .data(miniTernaryPlot.ticks(3)) .join("g") .attr("class", "axis-ticks"); axisTicksGroups.call(ticks); // initial triangle const trianglePath = chart .append("path") .attr("d", miniTernaryPlot.triangle()) .attr("fill", "transparent") .attr("stroke", "black") .attr("stroke-width", 2); return svg.node(); }33:[] 2f:{"title":"Ternary Plot Banner","cells":[{"id":0,"value":"md`# Ternary Plot Banner\n\nInspired by the banner in [Density Plots](https://observablehq.com/collection/@twitter/density) by Yuri Vishnevsky`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"banner(\"Ternary Plot Banner\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"banner = text => svg``","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"drawBasicTernaryPlot.cloneNode()","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"miniTernaryPlot = {\n const normalTernary = barycentric();\n\n return ternaryPlot(normalTernary).radius(70);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"import {\n ternaryPlot,\n barycentric,\n ticks,\n axisLabels,\n grid\n} from \"@julesblm/d3-ternary\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"d3 = require('d3@v6')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}