25:["$","title",null,{"children":"Soy Explainer - ZDC Traders deforestation and convertion exposure(2013-2020) | Trase | Observable"}] 49:T778,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); const bees = svg .append("g") .selectAll("circle") .data(nodes) .join("circle") .attr("cx", (d) => d.x) .attr("cy", (d) => d.y) .attr("r", (d) => r(d[secondaryValueCol])) .attr("fill", (d) => colourZDCtr(d.key)) .attr("stroke-width", 1) .attr("stroke", (d) => { return traseColours.get("moss"); }); const textFont = "bold 11px var(--trase-sans-serif)"; const text = svg .append("g") .selectAll("text") .data(nodes) .join("text") .attr("transform", (d) => `translate(${d.x}, ${d.y})`); text .selectAll("tspan") .data((d) => { return d[keyCol].split(" "); }) .join("tspan") .attr("anchor-baseline", "middle") .attr("text-anchor", "middle") .style("font", textFont) .style("letter-spacing", "0.03em") .style("fill", "#333") .attr("x", 0) .attr("y", (d, i, nodes) => { const spacing = 1.1; if (nodes.length === 1) return `${spacing / 2}em`; return i === nodes.length - 1 ? `${i - nodes.length / 2 + spacing}em` : `${i - nodes.length / 2 + spacing}em`; }); // .text((d, i, nodes) => { // const parentData = d3.select(nodes[i].parentNode).data()[0]; // const radius = r(parentData[secondaryValueCol]); // if (radius < 20) return ""; // if (i === nodes.length - 1) // return crop(d, `font: ${textFont}; letter-spacing: 0.03em`, radius); // return d; // }) // .style("font", "10px var(--trase-mono)"); svg.append("g").call(xAxis, svg); svg.append("g").call(xAxisLabels, svg); svg.append("g").call(annotate); bees.call(hover, svg); return svg.node(); }4a:T55b,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("LESS"); text.append("tspan").attr("x", right).attr("text-anchor", "end").text("MORE"); }4b:[{"id":"82fa272011b2646f1978819cc882904cce98378e72c8c2db27c3336f1e02f1da4e5d3856d6dd0c222317f0bf1c316e1e877d3836c60f3dd2b1fd8419eb2a7631","href":"https://static.observableusercontent.com/files/82fa272011b2646f1978819cc882904cce98378e72c8c2db27c3336f1e02f1da4e5d3856d6dd0c222317f0bf1c316e1e877d3836c60f3dd2b1fd8419eb2a7631","name":"zdc_final.csv","type":"text/csv","lastModified":1668421613971.641,"size":20776},{"id":"5a0f868c610290793c2b71535b0b59e56ffbd181a46587d0cd80952cd9f7a31dbf89e1f99b73f46294787893c519cebb7881fa2b9d1b4e59f1782ebf32ebf8e6","href":"https://static.observableusercontent.com/files/5a0f868c610290793c2b71535b0b59e56ffbd181a46587d0cd80952cd9f7a31dbf89e1f99b73f46294787893c519cebb7881fa2b9d1b4e59f1782ebf32ebf8e6","name":"deforestation_commitments_bubble_soy_deforestation_exposure.csv","type":"text/csv","lastModified":1670345469265.599,"size":16084},{"id":"d92543128c5f5781d201c9b7f3ebecc22bd0b90c19ef981f52deb61a8f9d80d5040ef475c9c29f0a6cdb53a3ce18b5a57350a16f973a11b9ba3cf010daba98db","href":"https://static.observableusercontent.com/files/d92543128c5f5781d201c9b7f3ebecc22bd0b90c19ef981f52deb61a8f9d80d5040ef475c9c29f0a6cdb53a3ce18b5a57350a16f973a11b9ba3cf010daba98db","name":"deforestation_commitments_bubble_soy_deforestation_exposure@1.csv","type":"text/csv","lastModified":1670345641526.597,"size":16084}] 29:{"id":"50a0e9bf10488331","slug":null,"title":"Soy Explainer - ZDC Traders deforestation and convertion exposure(2013-2020)","thumbnail":"5123fee3ba87e33c032167288654ae6fb64a34964eb6953437591ebbbe968db9","access_level":"unlisted","create_time":"$D2022-10-18T17:04:33.988Z","update_time":"$D2022-12-06T19:35:32.971Z","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":1647,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a20167beaa76e61e","login":"yan-imaflora","name":"Yan Prada Moro","avatar_url":"https://avatars-next.observableusercontent.com/eddcb799ea0e818dd9acc8d8bdefface1f78939937679040324666fc883ebe18","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"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":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Soy Explainer - ZDC Traders deforestation and convertion exposure(2013-2020)","cells":[{"id":828,"value":"md`# Soy Explainer - ZDC Traders deforestation and convertion exposure(2013-2020)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":950,"value":"chart = htl.html`\n${title}\n${chartLegend}\n${chartOnly}\n${legend}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1536,"value":"title = titleCard({\n title: \"Voluntary commitments fail to prevent deforestation and conversion\",\n subtitle:\n \"Soy deforestation and conversion exposure (annual hectares and per thousand tonnes of soy) for companies with or without zero-deforestation commitments, 2013-2020 (Source: Trase Supply Chains).\",\n extra: html`\n Select year:\n ${viewof yearSelect}\n Select a value:\n ${viewof selected_value}\n\n `,\n width: 1\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":1104,"value":"legend = circleLegend({\n scale: r,\n ticks: 2,\n tickFormat: (d, i, g) =>\n i === g.length - 1\n ? `${formatTooltipValue(d)} ${secondaryValueUnits} ${\n secondaryValueTitle ? secondaryValueTitle.toUpperCase() : \"\"\n }`\n : formatTooltipValue(d),\n tickWrap: true,\n marginRight: 80,\n marginBottom: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1092,"value":"chartLegend = swatches({\n colour: colourZDCtr,\n labelStyle: \"sans-serif\",\n orientation: \"vertical\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1556,"value":"viewof yearSelect = Inputs.select(\n [2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020],\n {\n step: 1,\n value: 2020,\n label: \"\",\n format: (d) => d\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1572,"value":"viewof selected_value = Inputs.radio(metrics_values, {\n value: \"key_exposure\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1574,"value":"metrics_values = new Map([\n [\"Soy deforestation and conversion exposure (ha)\", \"key_exposure\"],\n [\n \"Relative soy deforestation and conversion (ha / kilo tonnes)\",\n \"relative_exposure\"\n ]\n])","pinned":true,"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":398,"value":"nodes = {\n const nodes = dataRaw.map(Object.create);\n const simulation = d3\n .forceSimulation(nodes)\n .force(\"x\", d3.forceX((d) => x(d[valueCol])).strength(xStrength))\n .force(\"y\", d3.forceY(y))\n .force(\n \"collide\",\n d3.forceCollide((d) => r(d[secondaryValueCol]) + 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":0,"value":"//viewof beeswarmYearSelect = Inputs.select([2018, 2019, 2020], {\n// step: 1,\n// value: 2018,\n// label: \"Select year:\",\n// format: (d) => d\n//})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = Math.max(width * 0.4, 150)","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: width * 0.12 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"tempdata = FileAttachment(\"zdc_final.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1474,"value":"data = tempdata.filter((d) => d.year === yearSelect)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"tempDataRaw = await FileAttachment(\"zdc_final.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1512,"value":"dataRaw = tempDataRaw.filter((d) => d.year === yearSelect.toString())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1079,"value":"//keys = Array.from(d3.group(dataRaw, (d) => d.key).keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1452,"value":"keys = [\n \"COMPANY COMMITMENT\",\n \"NONE\",\n \"SOY MORATORIUM\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1442,"value":"paletteZDCtr = [\"#608271\", \"#ff6a5f\", \"#90C2A9\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1447,"value":"colourZDCtr = d3.scaleOrdinal().domain(keys).range(paletteZDCtr)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":928,"value":"//data[valueCol] >= 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"//metrics = [\n// { id: \"deforestation\", name: \"Deforestation risk\", units: \"ha\" },\n// { id: \"volume\", name: \"Volume\", units: \"tonnes\" }\n//]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"//viewof metric = Inputs.radio(metrics, {\n// label: \"Metric\",\n// format: (x) => x.name,\n// value: metrics[0]\n//})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1576,"value":"function getByValue(map, searchValue) {\n for (let [key, value] of map.entries()) {\n if (value === searchValue) return value;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":918,"value":"valueCol = getByValue(metrics_values, selected_value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"//keys = Object.keys(data[0]).filter(\n// (d) => (d == \"deforestation\") | (d == \"volume\")\n//)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"//valueCol1 = keys[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"valueTitle = \"Deforestation\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"valueUnits = \"hectares\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"keyCol = \"second_key\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"secondaryValueCol = \"volume\"","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":469,"value":"secondaryValueUnits = \"t\"","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~f\"","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 => d3.scaleSequentialSqrt(extent, d3.interpolateRgbBasis(colourScheme[9]))(d[valueCol])","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 = [0, d3.max(data, (d) => d[valueCol])]","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) => d[secondaryValueCol])","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.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 / 2","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":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) => 0.5 + x(d))\n .attr(\"x2\", (d) => 0.5 + 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(0, 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())\n // .call((g) =>\n // g\n // .append(\"text\")\n // .attr(\"x\", width)\n // .attr(\"y\", height - margin.bottom - 4)\n // .style(\"font\", \"12px var(--trase-mono)\")\n // .style(\"fill\", \"#658270\")\n // .attr(\"text-anchor\", \"end\")\n // .attr(\"fill\", \"black\")\n // .text(tooltipKey ? tooltipKey.toUpperCase() + \" →\" : \"\")\n // )\n","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":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":247,"value":"function hover(bees, svg) {\n const tooltip = new Tooltip();\n bees\n .style(\"cursor\", \"pointer\")\n .on(\"touchstart\", (event) => event.preventDefault())\n .on(\"pointerenter\", (event, d) => {\n tooltip.position(\n ...tooltipOffset(\n tooltip,\n d3.pointer(event, event.currentTarget.parentNode),\n width,\n height\n )\n );\n tooltip.show(\n d[keyCol],\n tooltipKeyValueMultiple(d)\n );\n })\n .on(\"pointermove\", function (event) {\n let [x, y] = tooltipOffset(\n tooltip,\n d3.pointer(event, event.currentTarget.parentNode),\n width,\n height\n );\n tooltip.position(x, y);\n this.releasePointerCapture(event.pointerId);\n })\n .on(\"pointerout\", () => tooltip.hide());\n svg.append(() => tooltip.node);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1586,"value":"tooltipKeyValueMultiple = (d) => svg`\n RELATIVE DEFORESTATION AND CONVERSION EXPOSURE (HA / KILO TONNES):\n ${formatTooltipValue(\n d.relative_exposure\n )} \nSOY DEFORESTATION AND CONVERSION EXPOSURE (HA):\n ${d3.format(\n \".03s\"\n )(d.key_exposure)}\n EXPORTED VOLUME (TONNES):\n ${d3.format(\n \".03s\"\n )(d.volume)}\n \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1241,"value":"crop = (text, style, margin) => {\n if (!text) return \"\";\n const length = getLabelLength(text, style);\n const prop = (length - margin * 1.2) / length;\n const croppedText =\n prop <= 0.4\n ? text\n : text.substr(0, Math.floor(text.length * (1 - prop))).trim() + \"...\";\n if (croppedText.includes(\"...\") && croppedText.length <= 6) return \"\";\n return croppedText;\n}","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}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"formatTooltipValue = d3.format(numberFormat)","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 traseCategory1,\n traseGreens,\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":783,"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":664,"value":"import { circleLegend, swatches, getLabelLength } from \"@trase/legends\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"import { slider, select, checkbox, radio } from \"@jashkenas/inputs\"","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":"$W4b","stdlib":"1"}} 24:null