25:["$","title",null,{"children":"Soy Explainer: Soy Deforestation and Relative exposure (Country/Economic Bloc) | Trase | Observable"}] 49:Td26,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}`))); const g = svg.append("g").attr("text-anchor", "middle"); let circles = g.selectAll("circle"); let text = g.selectAll("text"); const tooltip = new Tooltip(); svg.append(() => tooltip.node); const t = svg.transition().duration(800); const root = pack( d3 .hierarchy({ children: data.sort((a, b) => b[selected_value] - a[selected_value]) }) .sum((d) => d[selected_value]) ); const thresholds = [0.005, 0.025, 0.05, 0.1, 0.8].map((d) => Math.floor(d * d3.max(data, (d) => d[selected_value])) ); const colour = d3.scaleThreshold().domain(thresholds).range(colourScheme); circles = circles .data(root.leaves(), (d) => d.data.key) .join( (enter) => enter .append("circle") .attr("cx", (d) => d.x) .attr("cy", (d) => d.y) .attr("r", (d) => d.r) .attr("fill", (d) => colourSchemeZdc(d)), (update) => update.call((update) => update .transition(t) .attr("cx", (d) => d.x) .attr("cy", (d) => d.y) .attr("r", (d) => d.r) .attr("fill", (d) => colourSchemeZdc(d)) ), (exit) => exit.remove() ); text = text .data(root.leaves(), (d) => d.data.key) .join( (enter) => enter .append("text") .attr("transform", (d) => `translate(${d.x}, ${d.y})`), (update) => update.call((update) => update .transition(t) .attr("transform", (d) => `translate(${d.x}, ${d.y})`) ), (exit) => exit.remove() ); text .style("fill", (d) => { const bgColor = colourSchemeZdc(d); return pickTextColorBasedOnBackground(bgColor); }) .selectAll("tspan") .data((d) => formatBubbleText(d)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => i === nodes.length - 1 ? `${i - nodes.length / 2 + 1.1}em` : `${i - nodes.length / 2 + 0.8}em` ) .attr("fill-opacity", (d, i, nodes) => i === nodes.length - 1 ? 0.7 : null ) .style("font", (d, i, nodes) => i === nodes.length - 1 ? "14px var(--trase-mono)" : "bold 18px var(--trase-sans-serif)" ) .style("letter-spacing", (d, i, nodes) => i === nodes.length - 1 ? "0.03em" : null ) .text((d) => d) .style("pointer-events", "none"); // circles // .on("mouseout", () => tooltip.hide()) // .on("mouseover", (d) => tooltip.show(d.data.key, d)) // .on("mousemove", function () { // let [xm, ym] = d3.clientPoint(this.closest("svg"), d3.event); // if (navigator.userAgent.includes("Firefox")) { // xm = d3.select(this).attr("cx"); // ym = d3.select(this).attr("cy"); // } // xm += 10; // if (xm + tooltip.width > width) xm -= tooltip.width + 20; // if (ym + tooltip.height > height - margin.bottom) // ym = height - margin.bottom - tooltip.height - 10; // tooltip.position(xm, ym); // }); svg.append("g").call(annotate); circles.call(hover, svg, selected_value); return svg.node(); }4a:[{"id":"c41d79e986d84c8b39dfa33b886369626a04f784ebb63f5ab15ede67abfc1c9b5d7404d7c55d664b5f93f15d108fc189a1451183cb6e2c0812171157f801ee62","href":"https://static.observableusercontent.com/files/c41d79e986d84c8b39dfa33b886369626a04f784ebb63f5ab15ede67abfc1c9b5d7404d7c55d664b5f93f15d108fc189a1451183cb6e2c0812171157f801ee62","name":"bubble_country_group.csv","type":"text/csv","lastModified":1665406856593.632,"size":11482},{"id":"ffe15e5959109cae35abb6ede1dd2a6d92553771b151a670f9b4dacb3ad46b23e2b3d593aa593bcf1aedbb2b2d27ab977a1f92cd2500c2922364fb5ffe3d5071","href":"https://static.observableusercontent.com/files/ffe15e5959109cae35abb6ede1dd2a6d92553771b151a670f9b4dacb3ad46b23e2b3d593aa593bcf1aedbb2b2d27ab977a1f92cd2500c2922364fb5ffe3d5071","name":"bubble_country_group@3.csv","type":"text/csv","lastModified":1666199095601.521,"size":8080},{"id":"7a15480d9d82225c0da4fd54c58213d353e160ae191b1072ec729dbdbcadadf512bfde5765bab36ccb8f1ee53e4e815e782fd07780fc23eb6c62086ebb8362b9","href":"https://static.observableusercontent.com/files/7a15480d9d82225c0da4fd54c58213d353e160ae191b1072ec729dbdbcadadf512bfde5765bab36ccb8f1ee53e4e815e782fd07780fc23eb6c62086ebb8362b9","name":"bubble_country_of_first_import@10.csv","type":"text/csv","lastModified":1666199137173.079,"size":11415},{"id":"f4e6138ed2f6ad4aad378bea5bf5a7f69001c2a98fdc89fa4daf399e00ecc70bd0427b2747cfa6de7b0495bf0919d4ba759c0953b4ac6dc33e15021e79f24d8c","href":"https://static.observableusercontent.com/files/f4e6138ed2f6ad4aad378bea5bf5a7f69001c2a98fdc89fa4daf399e00ecc70bd0427b2747cfa6de7b0495bf0919d4ba759c0953b4ac6dc33e15021e79f24d8c","name":"bubble_country_of_first_import@4.csv","type":"text/csv","lastModified":1664551968126.193,"size":29616},{"id":"af318ee4af30f4f5195cef2b96d59e4efc19c8c6ef128f893648048ab04be662bdea9a5ace8a7ead4464b527f74315f0f04ef53736c341e2fb09a56c3262db2b","href":"https://static.observableusercontent.com/files/af318ee4af30f4f5195cef2b96d59e4efc19c8c6ef128f893648048ab04be662bdea9a5ace8a7ead4464b527f74315f0f04ef53736c341e2fb09a56c3262db2b","name":"bubble_country_of_first_import@7.csv","type":"text/csv","lastModified":1665160206956.352,"size":16303},{"id":"5d310c0d3ad40c95607972169a0342b80b132a4441be717a52836358743524a6067f11b0b6029ef7efe754873bbe04d3ff264cb5cafd756cea594ee98425a0ca","href":"https://static.observableusercontent.com/files/5d310c0d3ad40c95607972169a0342b80b132a4441be717a52836358743524a6067f11b0b6029ef7efe754873bbe04d3ff264cb5cafd756cea594ee98425a0ca","name":"bubble_exporter_group.csv","type":"text/csv","lastModified":1667909781632.32,"size":58753},{"id":"061e09f8c0ee5d764b543ce2c122e2aedce46d30a53209ff90ba11378d1f9a30f9f34c4c28fe484ff14838e1bee16542dda9952f3992a2d1be5337e29f21b8ae","href":"https://static.observableusercontent.com/files/061e09f8c0ee5d764b543ce2c122e2aedce46d30a53209ff90ba11378d1f9a30f9f34c4c28fe484ff14838e1bee16542dda9952f3992a2d1be5337e29f21b8ae","name":"bubble_country_of_first_import@11.csv","type":"text/csv","lastModified":1667909793161.254,"size":11383},{"id":"d607bbbe3282b01c1c4737145ab827ed1273e77393ba40da90d07452e82629792e70bfb2582b5a75f20f7a51378fbb022a64c8c4ecdd9a5355e768268fa52b62","href":"https://static.observableusercontent.com/files/d607bbbe3282b01c1c4737145ab827ed1273e77393ba40da90d07452e82629792e70bfb2582b5a75f20f7a51378fbb022a64c8c4ecdd9a5355e768268fa52b62","name":"bubble_economic_bloc.csv","type":"text/csv","lastModified":1667911454827.649,"size":8049},{"id":"f269403ba1b770f86230d86fcfe905b21e035cf01dfd0fbec8088eaada73f51cdf12075e5e696df37f843a82a119c9e344486880412eefa8d99e5d682c32ae13","href":"https://static.observableusercontent.com/files/f269403ba1b770f86230d86fcfe905b21e035cf01dfd0fbec8088eaada73f51cdf12075e5e696df37f843a82a119c9e344486880412eefa8d99e5d682c32ae13","name":"bubble_country_of_first_import@12.csv","type":"text/csv","lastModified":1667912238195.979,"size":11567},{"id":"4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","href":"https://static.observableusercontent.com/files/4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","name":"bubble_economic_bloc@1.csv","type":"text/csv","lastModified":1667912252040.838,"size":8161},{"id":"4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","href":"https://static.observableusercontent.com/files/4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","name":"bubble_economic_bloc@2.csv","type":"text/csv","lastModified":1667912491409.753,"size":8161},{"id":"4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","href":"https://static.observableusercontent.com/files/4d5b9bab6cf5b9bcda1756c27367ba6242647bdbbd21069fd3aa63565c933ffef26a2e2ff20aa5f52af7ed16660894e4546b9fb3e6ecf8eda56c69650081d001","name":"bubble_economic_bloc@3.csv","type":"text/csv","lastModified":1667912547960.053,"size":8161},{"id":"459533d8d93779e2eab606b47cac45c8370aa1c61e17fe12b795bcd338cb716dba469b369b8cc7e8201e59b01e6e667a15dfadfe6ae53bf3e1b99a7a26632f5c","href":"https://static.observableusercontent.com/files/459533d8d93779e2eab606b47cac45c8370aa1c61e17fe12b795bcd338cb716dba469b369b8cc7e8201e59b01e6e667a15dfadfe6ae53bf3e1b99a7a26632f5c","name":"bubble_economic_bloc@4.csv","type":"text/csv","lastModified":1667912793304.044,"size":8233},{"id":"f269403ba1b770f86230d86fcfe905b21e035cf01dfd0fbec8088eaada73f51cdf12075e5e696df37f843a82a119c9e344486880412eefa8d99e5d682c32ae13","href":"https://static.observableusercontent.com/files/f269403ba1b770f86230d86fcfe905b21e035cf01dfd0fbec8088eaada73f51cdf12075e5e696df37f843a82a119c9e344486880412eefa8d99e5d682c32ae13","name":"bubble_country_of_first_import@13.csv","type":"text/csv","lastModified":1667912802951.946,"size":11567},{"id":"29ad946ea55e708d5f99c3cd2a78e00d456d0dcf14d3256a40cc3356628455a163ecd937f6e1881ef1029cfcc2d581878eb096b037bd72e11922663ddc869eb0","href":"https://static.observableusercontent.com/files/29ad946ea55e708d5f99c3cd2a78e00d456d0dcf14d3256a40cc3356628455a163ecd937f6e1881ef1029cfcc2d581878eb096b037bd72e11922663ddc869eb0","name":"country_of_first_import_bubble_soy_deforestation_exposure.csv","type":"text/csv","lastModified":1670344638041.104,"size":10327},{"id":"fc4b3a8cf8a808fd701a52114a44f02f79264d9aec2824bed4cff502352e31509f762663498a4395719b448f83efaac69ec5a6eebf8160dad3b7b4253c5d4eb7","href":"https://static.observableusercontent.com/files/fc4b3a8cf8a808fd701a52114a44f02f79264d9aec2824bed4cff502352e31509f762663498a4395719b448f83efaac69ec5a6eebf8160dad3b7b4253c5d4eb7","name":"economic_bloc_bubble_soy_deforestation_exposure.csv","type":"text/csv","lastModified":1670344649045.16,"size":7314},{"id":"bfccbc76c0108683bd3574cdf28e51c31eefe40c74841e5651479255fe4a72818cb33486a3e0cbdd3203bc8df5d549d4d4d9ec1cca925ccdb7f62e866b025c60","href":"https://static.observableusercontent.com/files/bfccbc76c0108683bd3574cdf28e51c31eefe40c74841e5651479255fe4a72818cb33486a3e0cbdd3203bc8df5d549d4d4d9ec1cca925ccdb7f62e866b025c60","name":"country_of_first_import_bubble_soy_deforestation_exposure@1.csv","type":"text/csv","lastModified":1670345306180.723,"size":10511},{"id":"b8f4a30a447221dc73b0ef004bafbbf10e9332fbf3850f0f7e2f8550689837c912b1f5bd31ccad315c142e124bf93e41d18e98bc1c48ef1f1039f45a94c31062","href":"https://static.observableusercontent.com/files/b8f4a30a447221dc73b0ef004bafbbf10e9332fbf3850f0f7e2f8550689837c912b1f5bd31ccad315c142e124bf93e41d18e98bc1c48ef1f1039f45a94c31062","name":"economic_bloc_bubble_soy_deforestation_exposure@1.csv","type":"text/csv","lastModified":1670345327486.991,"size":7498}] 29:{"id":"ab9aff0630629100","slug":null,"title":"Soy Explainer: Soy Deforestation and Relative exposure (Country/Economic Bloc)","thumbnail":"03c8834fbcea1f6c1099e658cef4201c4709bea978fc2cf0b285107259c7d2b9","access_level":"unlisted","create_time":"$D2022-09-27T20:10:58.499Z","update_time":"$D2023-07-31T17:16:35.070Z","view_time":null,"first_public_time":"$D2022-10-19T18:29:51.486Z","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":1964,"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":[{"id":"2ccc7652d3796703","reply_to_id":null,"content":"would be nice to change the \"Brazil\" label in country of first import to \"Domestic Consumption\"","create_time":"$D2022-11-08T12:40:28.282Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"2afbe130e224f76e","login":"bernardol","name":"Bernardo Loureiro","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null}},{"id":"2c418a0f6ad816ab","reply_to_id":"2ccc7652d3796703","content":"Done!","create_time":"$D2022-11-08T18:53:52.764Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"a20167beaa76e61e","login":"yan-imaflora","name":"Yan Prada Moro","avatar_url":"https://avatars-next.observableusercontent.com/eddcb799ea0e818dd9acc8d8bdefface1f78939937679040324666fc883ebe18","tier":null}},{"id":"bd2175f08f4efa25","reply_to_id":"2ccc7652d3796703","content":"awesome, thanks!","create_time":"$D2022-11-09T13:17:41.242Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"2afbe130e224f76e","login":"bernardol","name":"Bernardo Loureiro","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Soy Explainer: Soy Deforestation and Relative exposure (Country/Economic Bloc)","cells":[{"id":0,"value":"md`# Soy Explainer: Soy Deforestation and Relative exposure (Country/Economic Bloc)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1633,"value":"chart = htl.html`\n${titleCard1}\n${chartLegend}\n${chartOnly}\n${chartBubbleLegend}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1055,"value":"titleCard1 = titleCard({\n title: \"China is most exposed to deforestation and conversion\",\n subtitle:\n \"Soy deforestation and conversion exposure (annual hectares and per thousand tonnes of soy) imported by country from Brazil, 2013-2020 (Source: Trase Supply Chains).\",\n extra: html`\n Select level of analysis:\n ${viewof levelSelect}\n Select year:\n ${viewof bubbleYearSelect}\n Select a value:\n ${viewof selected_value}\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":1167,"value":"chartLegend = legend({\n colour: d3.scaleThreshold([...thresholds], colourSchemeRev),\n title: \"Imported volume (Tonnes)\",\n tickFormat: \".2~s\",\n width: 450\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1833,"value":"extentRadius = d3.extent(data, (d) => d[selected_value])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1843,"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":1882,"value":"function getByValue(map, searchValue) {\n for (let [key, value] of map.entries()) {\n if (value === searchValue) return key;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1866,"value":"legendName = 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":1835,"value":"chartBubbleLegend = circleLegend({\n scale: r,\n ticks: 3,\n tickFormat: (d, i, g) =>\n i === g.length - 1\n ? `${formatTooltipValue(d)} DEFORESTATION EXPOSURE`\n : formatTooltipValue(d),\n tickWrap: true,\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":528,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"viewof bubbleYearSelect = 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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"viewof levelSelect = {\n const files = new Map([\n [\n \"Country of First Import\",\n FileAttachment(\"bubble_country_of_first_import@13.csv\")\n ],\n [\"Economic Bloc\", FileAttachment(\"bubble_economic_bloc@4.csv\")]\n ]);\n\n const form = select({\n description: \"\",\n options: Array.from(files.keys()),\n value: \"bubble_country_of_first_import@13.csv\"\n });\n\n return Object.defineProperty(html`

${form}`, \"value\", {\n get() {\n return files.get(form.value);\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1807,"value":"levelSelect","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1601,"value":"viewof selected_value = Inputs.radio(metrics_values, {\n value: \"deforestation_exposure\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"metrics_values = new Map([\n [\"Soy deforestation and conversion exposure (ha)\", \"deforestation_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":819,"value":"// draw = chart.update(keys[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"keys = Object.keys(data[0]).filter((d) => d === \"relative_exposure\" | d === \"deforestation_exposure\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1431,"value":"legendItems = [\n {\n type: \"dot\",\n stroke: \"#bdbdbd\",\n fill: \"#bdbdbd\",\n text: \"No data\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"height = width * 0.8","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1592,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"margin = ({ top: 5, bottom: 5, right: 5, left: 5 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"// colourScheme = traseOranges[6]\ncolourScheme = traseOranges[9]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1522,"value":"colourSchemeRev = colourScheme.reverse()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1202,"value":"colourSchemeZdc = (d) => {\n if (d.data.key === \"BRAZIL (DOMESTIC CONSUMPTION)\") return \"#bdbdbd\";\n return d3.scaleThreshold().domain(thresholds).range(colourSchemeRev)(\n d.data[colourKey]\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1194,"value":"colourKey = \"volume\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1741,"value":"d3\n .hierarchy(\n d3.rollup(\n data,\n (v) => ({ value: d3.sum(v, (d) => d.value), data: v }),\n ...keys.map((k) => (d) => d[k])\n )\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1154,"value":"root = d3\n .hierarchy(\n d3.rollup(\n data,\n (v) => ({ value: d3.sum(v, (d) => d.value), data: v }),\n ...keys.map((k) => (d) => d[k])\n )\n )\n .sum(([, d]) => d.value)\n .sort((a, b) => b.value - a.value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"pack = d3\n .pack()\n .size([\n width - (margin.left + margin.right),\n height - (margin.top + margin.bottom)\n ])\n .padding(3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1169,"value":"thresholds = [0.01, 0.02, 0.05, 0.1, 0.15, 0.2, 0.4, 0.55].map((d) =>\n Math.floor(d * d3.max(data, (d) => d.volume))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"full = levelSelect.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":1019,"value":"data = full.filter((d) => d.year === bubbleYearSelect)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"format = d3.format(\".03s\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"formatBubbleText = (d) => {\n let key = d.data.key;\n const length = getLabelLength(key, \"font: 10px var(--trase-sans-serif)\");\n const perimeter = d.r * 2 - 20;\n const prop = (length - perimeter) / length;\n if (perimeter < 50) return \"\";\n if (length > perimeter)\n key =\n key.substring(0, Math.floor(key.length * (1 - prop)) - 3).trim() + \"...\";\n return [...key.split(\" \"), format(d.value)];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"function hover(bubbles, svg, selected_value) {\n const tooltip = new Tooltip();\n const tooltipKey = selected_value.replace(/_/g, \" \");\n bubbles\n .style(\"cursor\", \"pointer\")\n .on(\"touchstart\", (event) => event.preventDefault())\n .on(\"pointerenter\", (event, d) => {\n tooltip.position(\n ...tooltipOffset(tooltip, d3.pointer(event, svg.node()), width, height)\n );\n tooltip.show(d.data.key, tooltipKeyValueMultiple(d));\n })\n .on(\"pointermove\", function (event) {\n let [x, y] = tooltipOffset(\n tooltip,\n d3.pointer(event, svg.node()),\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":1255,"value":"tooltipKeyValueMultiple = (d) => svg`\n RELATIVE DEFORESTATION AND CONVERSION EXPOSURE (HA / KILO TONNES):\n ${format(\n d.data.relative_exposure\n )} \nSOY DEFORESTATION AND CONVERSION EXPOSURE (HA):\n ${d3.format(\n \".03s\"\n )(d.data.deforestation_exposure)}\n IMPORTED VOLUME (TONNES):\n ${d3.format(\n \".03s\"\n )(d.data.volume)}\n \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":774,"value":"formatTooltipValue = d3.format(\".03s\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"import {\n traseColours,\n traseCategory1,\n fonts,\n traseOranges,\n trasePurples,\n traseGreens,\n traseOrPu\n} from \"@trase/visual-id\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":772,"value":"import { getLabelLength, legend, swatches } 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":539,"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":997,"value":"import { pickTextColorBasedOnBackground } from \"@trase/pick-text-color-based-on-bg\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1023,"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":1058,"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":1841,"value":"import { circleLegend } from \"@trase/legends\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"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"},{"id":966,"value":"htl = require(\"htl@0.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null