25:["$","title",null,{"children":"Trase explainer: Exposição das empresas ao desmatamento e conversão associados às exportações de carne | Trase | Observable"}] 49:T1367,chartOnly = { const id = DOM.uid("chart").id; const svg = d3 .create("svg") .attr("class", id) .attr("viewBox", [0, 0, width, height]) .call((svg) => svg.append("defs").html(fonts(`.${id}`))); svg.append("g").call(grid); svg.append("g").call(xAxis, svg); svg.append("g").call(xAxisLabels, svg); svg.append("g").call(yAxisLabels, svg); const bees_2018 = svg .append("g") .selectAll("circle") .data(nodes(value_2018, secondaryValue_2018, y)) .join("circle") .attr("cx", (d) => d.x) .attr("cy", (d) => d.y) .attr("r", (d) => { if (isNaN(d[secondaryValue_2018]) && !isNaN(value_2018)) return r(1); // standard value return r(d[secondaryValue_2018]); }) .attr("fill", colour) .attr("data-exp", (d) => d.exporter_group) .attr("stroke-width", 1) .attr("stroke", "#a6150c"); const bees_2020 = svg .append("g") .selectAll("circle") .data(nodes(value_2020, secondaryValue_2020, y2020)) .join("circle") .attr("cx", (d) => d.x) .attr("cy", (d) => d.y) .attr("r", (d) => { if (isNaN(d[secondaryValue_2020]) && !isNaN(value_2020)) return r(1); // standard value return r(d[secondaryValue_2020]); }) .attr("fill", colour) .attr("data-exp", (d) => d.exporter_group) .attr("stroke-width", 1) .attr("stroke", "#a6150c"); bees_2018.call(hover, svg, bees_2020); bees_2020.call(hover, svg, bees_2018); const jbs = bees_2018._groups[0].find((b) => b.dataset.exp === "JBS"); const jbsAnother = bees_2020._groups[0].find((b) => b.dataset.exp === "JBS"); d3.select(jbs).attr("fill", traseColours.get("moss")).attr("stroke", "#333"); d3.select(jbsAnother) .attr("fill", traseColours.get("moss")) .attr("stroke", "#333"); const minerva = bees_2018._groups[0].find((b) => b.dataset.exp === "MINERVA"); const minervaAnother = bees_2020._groups[0].find( (b) => b.dataset.exp === "MINERVA" ); d3.select(minerva) .attr("fill", traseColours.get("green")) .attr("stroke", "#333"); d3.select(minervaAnother) .attr("fill", traseColours.get("green")) .attr("stroke", "#333"); const marfrig = bees_2018._groups[0].find((b) => b.dataset.exp === "MARFRIG"); const marfrigAnother = bees_2020._groups[0].find( (b) => b.dataset.exp === "MARFRIG" ); d3.select(marfrig) .attr("fill", traseColours.get("blue")) .attr("stroke", "#333"); d3.select(marfrigAnother) .attr("fill", traseColours.get("blue")) .attr("stroke", "#333"); const jbs_2018 = bees_2018._groups[0].find((b) => b.dataset.exp === "JBS"); const jbs_2020 = bees_2020._groups[0].find((b) => b.dataset.exp === "JBS"); const jbs_2020data = d3.select(jbs_2020)._groups[0][0].__data__; const x1 = jbs_2020data.x + 5; const y1 = jbs_2020data.y - 5; const x2 = x1 + 50; const y2 = y1 - 50; svg .append("line") .attr("x1", x1) .attr("y1", y1) .attr("x2", x2) .attr("y2", y2) .attr("stroke", traseColours.get("moss")); svg .append("text") .attr("x", x2 + 2) .attr("y", y2 - 2) .style("font", "14px var(--trase-sans-serif)") .attr("fill", traseColours.get("moss")) .text("JBS"); const minerva_2018 = bees_2018._groups[0].find( (b) => b.dataset.exp === "MINERVA" ); const minerva_2020 = bees_2020._groups[0].find( (b) => b.dataset.exp === "MINERVA" ); const minerva_2020data = d3.select(minerva_2020)._groups[0][0].__data__; const x1a = minerva_2020data.x + 5; const y1a = minerva_2020data.y - 5; const x2a = x1a + 50; const y2a = y1a - 50; svg .append("line") .attr("x1", x1a) .attr("y1", y1a) .attr("x2", x2a) .attr("y2", y2a) .attr("stroke", traseColours.get("moss")); svg .append("text") .attr("x", x2a + 2) .attr("y", y2a - 2) .style("font", "14px var(--trase-sans-serif)") .attr("fill", traseColours.get("moss")) .text("MINERVA"); const marfrig_2018 = bees_2018._groups[0].find( (b) => b.dataset.exp === "MARFRIG" ); const marfrig_2020 = bees_2020._groups[0].find( (b) => b.dataset.exp === "MARFRIG" ); const marfrig_2020data = d3.select(marfrig_2020)._groups[0][0].__data__; const x1b = marfrig_2020data.x + 10; const y1b = marfrig_2020data.y - 10; const length = 80; const angleDegrees = 15; // Convert the angle to radians const angleRadians = (angleDegrees - 90) * (Math.PI / 180); // Calculate the new endpoint coordinates based on angle and length const x2b = x1b + length * Math.cos(angleRadians); const y2b = y1b + length * Math.sin(angleRadians); svg .append("line") .attr("x1", x1b) .attr("y1", y1b) .attr("x2", x2b) .attr("y2", y2b) .attr("stroke", traseColours.get("moss")); svg .append("text") .attr("x", x2b + 2) .attr("y", y2b - 2) .style("font", "14px var(--trase-sans-serif)") .attr("fill", traseColours.get("moss")) .text("MARFRIG"); return svg.node(); }4a:T589,xAxisLabels = (g, svg) => { const arrowId = DOM.uid("arrow"); svg .append("defs") .append("marker") .attr("id", arrowId.id) .attr("markerHeight", 10) .attr("markerWidth", 10) .attr("refX", 3.75) .attr("refY", 3.75) .attr("orient", "auto-start-reverse") .append("polyline") .attr("stroke", "#ddd") .attr("fill", "none") .attr("points", "0,0 3.75,3.75 0,7.5"); const left = width * 0.05, right = width * 0.95; g.append("line") .attr("x1", left) .attr("x2", right) .attr("y1", height - margin.bottom) .attr("y2", height - margin.bottom) .attr("stroke", "#ddd") .attr("stroke-width", 1.5) .attr("marker-start", arrowId) .attr("marker-end", arrowId); const text = g .append("g") .attr("transform", `translate(0, ${height - margin.bottom + 22})`) .style("pointer-events", "none") .style("font", "12px var(--trase-mono)") .style("fill", traseColours.get("moss")) .append("text"); text .append("tspan") .attr("x", width / 2) .attr("text-anchor", "middle") .style("font", "bold 14px var(--trase-sans-serif)") .text(`${valueTitle} (${valueUnits})`); text .append("tspan") .attr("x", left) .attr("text-anchor", "start") .text("MENOR EXPOSIÇÃO"); text .append("tspan") .attr("x", right) .attr("text-anchor", "end") .text("MAIOR EXPOSIÇÃO"); }4b:T508,generateTooltip = (d) => { return svg` ${Label1} ${formatTooltipValue( d[value_2018] )} ${valueUnits} ${valueTitle} ${formatTooltipValue( d[secondaryValue_2018] )} ${secondaryValueUnits} ${secondaryValueTitle} ${Label3} ${formatTooltipValue( d[value_2020] )} ${valueUnits} ${valueTitle} ${formatTooltipValue( d[secondaryValue_2020] )} ${secondaryValueUnits} ${secondaryValueTitle} `; }4c:T984,function hover(bees, svg, otherBees, anotherBees) { const tooltip = new Tooltip(); bees .style("cursor", "pointer") .on("touchstart", (event) => event.preventDefault()) .on("pointerenter", (event, d) => { tooltip.position( ...tooltipOffset( tooltip, d3.pointer(event, event.currentTarget.parentNode), width, height ) ); tooltip.show(d[keyCol], generateTooltip(d)); const thisBee = bees._groups[0].find((b) => b.__data__.index == d.index); const equivalentBee = otherBees._groups[0].find( (b) => b.dataset.exp == thisBee.dataset.exp ); d3.select(thisBee).attr("fill", traseColours.get("darkred")); d3.select(equivalentBee).attr("fill", traseColours.get("darkred")); }) .on("pointermove", function (event) { let [x, y] = tooltipOffset( tooltip, d3.pointer(event, event.currentTarget.parentNode), width, height ); tooltip.position(x, y); this.releasePointerCapture(event.pointerId); }) .on("pointerout", () => { tooltip.hide(); bees.attr("fill", colour); otherBees.attr("fill", colour); const jbs = bees._groups[0].find((b) => b.dataset.exp === "JBS"); const jbsOther = otherBees._groups[0].find( (b) => b.dataset.exp === "JBS" ); d3.select(jbs) .attr("fill", traseColours.get("moss")) .attr("stroke", "#333"); d3.select(jbsOther) .attr("fill", traseColours.get("moss")) .attr("stroke", "#333"); const minerva = bees._groups[0].find((b) => b.dataset.exp === "MINERVA"); const minervaOther = otherBees._groups[0].find( (b) => b.dataset.exp === "MINERVA" ); d3.select(minerva) .attr("fill", traseColours.get("green")) .attr("stroke", "#333"); d3.select(minervaOther) .attr("fill", traseColours.get("green")) .attr("stroke", "#333"); const marfrig = bees._groups[0].find((b) => b.dataset.exp === "MARFRIG"); const marfrigOther = otherBees._groups[0].find( (b) => b.dataset.exp === "MARFRIG" ); d3.select(marfrig) .attr("fill", traseColours.get("blue")) .attr("stroke", "#333"); d3.select(marfrigOther) .attr("fill", traseColours.get("blue")) .attr("stroke", "#333"); }); svg.append(() => tooltip.node); }4d:[{"id":"a04ef9d2b4edd8a3ed390e4573e4d1d9ae8706fb6a451950a6710042b5a4aecffaa3c4e1dec287b2ae0a5021d3c027c11ac7f34945947f3fd60fa5f5fc92127c","href":"https://static.observableusercontent.com/files/a04ef9d2b4edd8a3ed390e4573e4d1d9ae8706fb6a451950a6710042b5a4aecffaa3c4e1dec287b2ae0a5021d3c027c11ac7f34945947f3fd60fa5f5fc92127c","name":"id_beef_def_risk_vol_exp-2.csv","type":"text/csv","lastModified":1700140576150.676,"size":38167}] 29:{"id":"08ba65980593c4bd","slug":null,"title":"Trase explainer: Exposição das empresas ao desmatamento e conversão associados às exportações de carne","thumbnail":"8c23945bdb92a728c64cf71a8c5c69ffe3f99bac0d4a3275bf48f80fd75027eb","access_level":"unlisted","create_time":"$D2023-11-16T13:16:16.150Z","update_time":"$D2023-11-18T11:44:30.377Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","bio":"Trase is a supply chain transparency initiative that seeks to transform our understanding of how companies and governments involved in the trade of agricultural commodities are linked to impacts and opportunities for more sustainable production","followed_by_you":false,"follows_you":false},"version":1622,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"62b540d564c5895c","login":"opereira","name":"Osvaldo Pereira","avatar_url":"https://avatars-next.observableusercontent.com/95253acfbd3dc32e5dc573bae043a3c3ffcfe39cadeaa2ccd1aca3bd567ec8b1","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"62b540d564c5895c","login":"opereira","name":"Osvaldo Pereira","avatar_url":"https://avatars-next.observableusercontent.com/95253acfbd3dc32e5dc573bae043a3c3ffcfe39cadeaa2ccd1aca3bd567ec8b1","tier":null,"role":"editor"},{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Trase explainer: Exposição das empresas ao desmatamento e conversão associados às exportações de carne","cells":[{"id":0,"value":"md`# Trase explainer: Exposição das empresas ao desmatamento e conversão associados às exportações de carne`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1058,"value":"chart = html`\n${title}\n${legend_2}\n${chartOnly}\n

\n${legend1}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1524,"value":"legend_2 = legend({\n colour: d3.scaleSequential(extent, d3.interpolateRgbBasis(traseReds[3])),\n title: \"Exposição ao desmatamento e a conversão (ha)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1047,"value":"title = titleCard({\n title:\n \" Exposição dos frigoríficos ao desmatamento e à conversão para a pecuária\",\n subtitle:\n \"Exposição ao desmatamento e conversão para a pecuária (hectares anuais e por tonelada de carne bovina) por empresa comercial no Brasil, 2016 e 2020 (Fonte: Trase Supply Chains).\",\n footnote:\n \"Os valores totais podem diferir daqueles dos fluxos comerciais devido à falta de informações sobre os municípios de produção e à não harmonização dos conjuntos de dados. O desmatamento para a produção pecuária voltada ao consumo interno não está incluído.\",\n width: \"100%\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1067,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":881,"value":"legend1 = circleLegend({\n scale: r,\n ticks: 3,\n tickFormat: (d, i, g) =>\n i === g.length - 1\n ? `${d3.format(numberFormat)(d)} ${secondaryValueUnits} ${\n secondaryValueTitle ? secondaryValueTitle.toUpperCase() : \"\"\n }`\n : d3.format(numberFormat)(d),\n tickWrap: false,\n marginRight: 80,\n marginBottom: 20\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"nodes = (value_2018, secondaryValue_2018, y) => {\n const nodes = data.map(Object.create);\n const simulation = d3\n .forceSimulation(nodes)\n .force(\"x\", d3.forceX((d) => x(d[value_2018])).strength(xStrength))\n .force(\"y\", d3.forceY(y))\n .force(\n \"collide\",\n d3.forceCollide((d) => r(d[secondaryValue_2018]) + 1)\n )\n .randomSource(d3.randomLcg(0.4212687683098432008))\n .stop();\n for (let i = 0; i < 300; ++i) simulation.tick();\n invalidation.then(() => simulation.stop());\n return nodes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"margin = ({ top: 30, right: width * 0.12, bottom: 30, left: 200 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"data = FileAttachment(\"id_beef_def_risk_vol_exp-2.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"value_2018 = \"deforestation_2016\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1072,"value":"value_2020 = \"deforestation_2020\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"valueTitle = \"Exposição ao desmatamento e conversão\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":797,"value":"valueTitle_2018 = \"Exposição ao desmatamento e conversão (2016)\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"valueTitle_2020 = \"Exposição ao desmatamento e conversão (2020)\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"valueUnits = \"ha\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"keyCol = \"exporter_group\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"secondaryValue_2018 = \"volume_2016\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1077,"value":"secondaryValue_2020 = \"volume_2020\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"secondaryValueTitle = \"Volume\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"secondaryValueTitle_2018 = \"Volume (2016)\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1080,"value":"secondaryValueTitle_2020 = \"Volume (2020)\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"secondaryValueUnits = \"ton.\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"numberFormat = \".2~s\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"colour = (d) =>\n d3.scaleSequentialSqrt(\n extent,\n d3.interpolateRgbBasis(colourScheme[9])\n )(d[\"defo_mean\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"//colour = (d) => traseColours.get(\"red\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"colourScheme = traseReds","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"// extent = d3.extent(data, (d) => d[valueCol])\nextent = [\n 0,\n d3.max([\n d3.max(data, (d) => Number(d[value_2018])),\n d3.max(data, (d) => Number(d[value_2020]))\n ])\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"// extentRadius = d3.extent(data, (d) => Number(d[secondaryValueCol]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":766,"value":"extentRadius = [\n d3.min([\n d3.min(data, (d) => Number(d[secondaryValue_2018])),\n d3.min(data, (d) => Number(d[secondaryValue_2020]))\n ]),\n d3.max([\n d3.max(data, (d) => Number(d[secondaryValue_2018])),\n d3.max(data, (d) => Number(d[secondaryValue_2020]))\n ])\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"r = d3\n .scaleSqrt()\n .domain(extentRadius)\n .range([width * 3e-3, width * 4e-2])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"x = d3\n .scaleLinear()\n .domain(extent)\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"y = (height / 4) * 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"y2020 = (height / 4) * 2.75","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"xStrength = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":892,"value":"// gridAdjustment = -margin.left / 20\ngridAdjustment = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"grid = (g) =>\n g.attr(\"stroke\", traseColours.get(\"lightgrey\")).call((g) =>\n g\n .append(\"g\")\n .selectAll(\"line\")\n .data(x.ticks(xAxisTicks, d3.format(numberFormat)))\n .join(\"line\")\n .attr(\"stroke-width\", 2)\n .attr(\"x1\", (d) => gridAdjustment + x(d))\n .attr(\"x2\", (d) => gridAdjustment + x(d))\n .attr(\"y1\", margin.top)\n .attr(\"y2\", height - margin.bottom - margin.top)\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"xAxisTicks = width / 200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"xAxis = (g) =>\n g\n .attr(\"transform\", `translate(${gridAdjustment}, 0)`)\n .style(\"font\", \"12px var(--trase-mono)\")\n .style(\"color\", \"#658270\")\n .call(\n d3\n .axisBottom(x)\n .ticks(xAxisTicks, d3.format(numberFormat))\n .tickSizeOuter(0)\n )\n .call((g) => g.select(\".domain\").attr(\"stroke-width\", 0))\n .call((g) => g.selectAll(\".tick line\").remove())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":949,"value":"Label1 = \"2016\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1086,"value":"Label3 = \"2020\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"yAxisLabels = (g, svg) => {\n const text_2018 = g\n .append(\"g\")\n .attr(\"transform\", `translate(0, ${y})`)\n .style(\"pointer-events\", \"none\")\n .style(\"font\", \"12px var(--trase-mono)\")\n .style(\"fill\", traseColours.get(\"moss\"))\n .append(\"text\")\n .append(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"text-anchor\", \"start\")\n .style(\"font\", \"bold 14px var(--trase-sans-serif)\")\n .text(Label1);\n\n const text_2020 = g\n .append(\"g\")\n .attr(\"transform\", `translate(0, ${y2020})`)\n .style(\"pointer-events\", \"none\")\n .style(\"font\", \"12px var(--trase-mono)\")\n .style(\"fill\", traseColours.get(\"moss\"))\n .append(\"text\")\n .append(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"text-anchor\", \"start\")\n .style(\"font\", \"bold 14px var(--trase-sans-serif)\")\n .text(Label3);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"format = d3.format(numberFormat)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"tooltipKey = `${valueTitle} | ${secondaryValueTitle}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"formatTooltipValue = (t) => {\n if (isNaN(t)) {\n return \"N/A\";\n }\n if (t < 1) {\n return \"<1\";\n }\n return d3.format(\",.0~f\")(t);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"import {\n traseColours,\n traseReds,\n traseGreens,\n traseCategory1,\n fonts\n} from \"@trase/visual-id@1366\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"import { Tooltip, tooltipKeyValue, tooltipOffset } from \"@trase/tooltip@440\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1527,"value":"import { circleLegend } from \"@trase/legends@376\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1533,"value":"import { legend } from \"@trase/legends@376\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1049,"value":"import { titleCard } from \"@trase/title-card\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null