25:["$","title",null,{"children":"DeDuCe commodity deforestation ternary map | Trase | Observable"}] 49:Tb19,chartOnly = { const container = d3.create("div").style("position", "relative"); const context = DOM.context2d(width, height, 2); const canvas = container.append(() => context.canvas); const svg = container .append("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height) .style("position", "absolute") .style("top", 0) .style("left", 0) .style("pointer-events", "none"); const path = d3.geoPath(projection, context); if (showLand) { // world land masses const worldFeatures = topojson.feature( world, world.objects.countries ).features; for (let i = 0; i < worldFeatures.length; i++) { const feature = worldFeatures[i]; context.beginPath(); context.lineWidth = 0.1; context.strokeStyle = "#748f7e"; context.fillStyle = "rgba(245, 245, 245, 1)"; path(feature); context.fill(); context.stroke(); } } // regions for (let i = 0; i < features.length; i++) { const feature = features[i]; const dataFeature = dataMap.get(feature.id); context.beginPath(); context.lineWidth = 0.1; context.strokeStyle = "#666"; context.fillStyle = dataFeature ? dataFeature.color : traseColours.get("lightgrey"); path(feature); context.fill(); context.stroke(); } // if the data is recorded @ level 3 then draw borders for level 2 if ((level === 3 || level === 2) && !showBiomes) { context.beginPath(); path( topojson.mesh(boundaries, boundaries.objects.level2, (a, b) => a !== b) ); context.lineWidth = 1; context.strokeStyle = "#8a8a8a"; context.stroke(); } if (showBiomes) { // biomes const biomesFeatures = topojson .feature( biomes, // biomes.objects.biomes_ecoregions biomes.objects.data ) .features.filter((d) => d.properties.country?.toLowerCase() === country); for (let i = 0; i < biomesFeatures.length; i++) { const feature = biomesFeatures[i]; context.beginPath(); context.lineWidth = 1; context.strokeStyle = "#19404C"; context.fillStyle = "transparent"; path(feature); context.fill(); context.stroke(); } svg .append("g") .selectAll("text") .data(biomesFeatures) .join("text") .style("font", "bold 14px var(--trase-sans-serif)") .style("letter-spacing", "0.03em") .style("text-anchor", "middle") .attr("transform", (d) => { let [x, y] = path.centroid(d); if (d.properties.name === "MATA ATLANTICA") (x -= 50), (y += 60); return `translate(${x}, ${y})`; }) .text((d) => toTitleCase(d.properties.name)); } svg.append("g").call(annotate); canvas.call(hover, svg); return container.node(); }4a:T19a1,legend = { const container = d3 .create("svg") .attr("width", width_legend) .attr("height", height_legend - 15) // Increase height to accommodate title .style("font-family", "var(--trase-sans-serif)") .style("font-size", "14px") .style("font-weight", "bold"); const margin = 50; const side = width_legend - 2 * margin; const heightTriangle = (Math.sqrt(3) / 2) * side; // Add legend title container .append("text") .attr("x", 0) // Align title with the leftmost edge .attr("y", margin / 2) .text("Predominant Cause of Deforestation") .style("font", "bold 14px var(--trase-sans-serif)") .attr("text-anchor", "start"); // Define vertices of the triangle const vertices = [ { x: width_legend / 2, y: margin + 40 }, // Top (Cattle) { x: margin, y: height_legend - margin + 40 }, // Bottom left (Other Uses) { x: width_legend - margin, y: height_legend - margin + 40 } // Bottom right (Soy) ]; // Introduce scaling factor const scaleFactor = 0.7; // Reduce size by 30% // Introduce triangle vertical offset const triangleOffsetY = -30; // Adjust this value to move the triangle up or down // Compute centroid const centroid = { x: (vertices[0].x + vertices[1].x + vertices[2].x) / 3, y: (vertices[0].y + vertices[1].y + vertices[2].y) / 3 }; // Function to scale points towards the centroid function scalePoint(point, centroid, scaleFactor) { return { x: centroid.x + scaleFactor * (point.x - centroid.x), y: centroid.y + scaleFactor * (point.y - centroid.y) }; } // Scale the vertices const scaledVertices = vertices.map((point) => scalePoint(point, centroid, scaleFactor) ); // Compute the scaled centroid const centroidScaled = { x: (scaledVertices[0].x + scaledVertices[1].x + scaledVertices[2].x) / 3, y: (scaledVertices[0].y + scaledVertices[1].y + scaledVertices[2].y) / 3 }; // Compute the translation needed to align centroids and apply triangleOffsetY const deltaY = centroid.y - centroidScaled.y + triangleOffsetY; // Adjust scaled vertices by translating upwards or downwards const adjustedVertices = scaledVertices.map((point) => ({ x: point.x, y: point.y + deltaY })); // Draw adjusted triangle with specified border color and stroke width container .append("polygon") .attr("points", adjustedVertices.map((d) => `${d.x},${d.y}`).join(" ")) .attr("stroke", "#4E6356") .attr("stroke-width", 2) // Add stroke width for the border .attr("fill", "none"); // Fill the triangle with gradient colors using adjusted vertices for (let i = 0; i <= 100; i++) { for (let j = 0; j <= 100 - i; j++) { const k = 100 - i - j; const x = (i * adjustedVertices[0].x + j * adjustedVertices[1].x + k * adjustedVertices[2].x) / 100; const y = (i * adjustedVertices[0].y + j * adjustedVertices[1].y + k * adjustedVertices[2].y) / 100; const r = Math.round( (i * parseInt(cattleColor.slice(1, 3), 16)) / 100 + (j * parseInt(otherColor.slice(1, 3), 16)) / 100 + (k * parseInt(soyColor.slice(1, 3), 16)) / 100 ); const g = Math.round( (i * parseInt(cattleColor.slice(3, 5), 16)) / 100 + (j * parseInt(otherColor.slice(3, 5), 16)) / 100 + (k * parseInt(soyColor.slice(3, 5), 16)) / 100 ); const b = Math.round( (i * parseInt(cattleColor.slice(5, 7), 16)) / 100 + (j * parseInt(otherColor.slice(5, 7), 16)) / 100 + (k * parseInt(soyColor.slice(5, 7), 16)) / 100 ); container .append("circle") .attr("cx", x) .attr("cy", y) .attr("r", 1) .attr("fill", `rgb(${r},${g},${b})`); } } // Format numbers const formatNumber = d3.format(".2s"); // Original positions of labels and explanatory numbers const labels = [ // Explanatory numbers { x: vertices[0].x, y: vertices[0].y - 20, text: `${formatNumber(maxCattleDefo)} ha`, color: cattleColor }, { x: vertices[1].x, y: vertices[1].y + 40, text: `${formatNumber(maxOtherDefo)} ha`, color: otherColor }, { x: vertices[2].x, y: vertices[2].y + 40, text: `${formatNumber(maxSoyDefo)} ha`, color: soyColor }, // Labels { x: vertices[0].x, y: vertices[0].y - 35, text: "CATTLE", color: cattleColor }, { x: vertices[1].x, y: vertices[1].y + 55, text: "OTHER", color: otherColor }, { x: vertices[2].x, y: vertices[2].y + 55, text: "SOY", color: soyColor } ]; // Scale positions of labels and numbers const scaledLabels = labels.map((label) => { const scaledPosition = scalePoint( { x: label.x, y: label.y }, centroid, scaleFactor ); // Adjust positions by deltaY to align with adjusted triangle return { ...label, x: scaledPosition.x, y: scaledPosition.y + deltaY }; }); // Adjust vertical spacing between labels and numbers // Increase the offset values if necessary const numberOffset = 15; // Distance from vertex to explanatory number const labelOffset = 15; // Additional distance from explanatory number to label // Update y-positions // Explanatory numbers scaledLabels[0].y = adjustedVertices[0].y - numberOffset; scaledLabels[1].y = adjustedVertices[1].y + numberOffset; scaledLabels[2].y = adjustedVertices[2].y + numberOffset; // Labels scaledLabels[3].y = scaledLabels[0].y - labelOffset; scaledLabels[4].y = scaledLabels[1].y + labelOffset; scaledLabels[5].y = scaledLabels[2].y + labelOffset; // Add explanatory numbers [0, 1, 2].forEach((i) => { const label = scaledLabels[i]; container .append("text") .attr("x", label.x) .attr("y", label.y) .attr("text-anchor", "middle") .text(label.text) .style("fill", label.color) .style("font-size", "12px"); // Adjust font size if necessary }); // Add labels [3, 4, 5].forEach((i) => { const label = scaledLabels[i]; container .append("text") .attr("x", label.x) .attr("y", label.y) .attr("text-anchor", "middle") .text(label.text) .style("fill", label.color) .style("font-weight", "bold") .style("font-size", "12px"); // Adjust font size if necessary }); return container.node(); }4b:T63f,projections = new Map([ [ "argentina", d3 .geoTransverseMercator() .rotate([69, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "bolivia", d3 .geoTransverseMercator() .rotate([50, 55]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "brazil", d3 .geoPolyconic() .rotate([54, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "colombia", d3 .geoTransverseMercator() .rotate([68, 4.6]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "cote_divoire", d3 .geoTransverseMercator() // .rotate([68, 4.6]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "ecuador", d3 .geoTransverseMercator() .rotate([50, 55]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "paraguay", d3 .geoTransverseMercator() .rotate([63, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "indonesia", d3 .geoTransverseMercator() .rotate([-139.5, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ] ])4c:T529,function hover(canvas, svg) { const path = d3.geoPath(projection); const highlight = svg .append("path") .attr("stroke", "#666") .attr("stroke-width", 1.5) .attr("fill", "none"); const tooltip = new Tooltip(); svg.append(() => tooltip.node); canvas .style("cursor", "pointer") .on("touchstart", (event) => event.preventDefault()) .on("pointerenter pointermove", (event) => { // get feature let [cx, cy] = d3.pointer(event); const [x, y] = projection.invert([cx, cy]); const candidates = index.search(x, y, x, y).map((i) => features[i]); const f = candidates.find((f) => turf.booleanPointInPolygon([x, y], f)); // define interaction if (f && dataMap.has(f.id)) { (cx += 10), (cy += 10); if (cx + tooltip.width > width) cx -= tooltip.width + 20; if (cy + tooltip.height > height) cy -= tooltip.height; tooltip.show( f.properties.name, // tooltipKeyValue(tooltipKey, format(dataMap.get(f.id)), f) generateTooltip(f) ); tooltip.position(cx, cy); highlight.attr("d", path(f)); } else { highlight.attr("d", null); tooltip.hide(); } }) .on("pointerout", () => { highlight.attr("d", null); tooltip.hide(); }); }4d:[{"id":"e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","href":"https://static.observableusercontent.com/files/e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","name":"biome@3.topo.json","type":"application/json","lastModified":1718904671926.345,"size":235316},{"id":"9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","href":"https://static.observableusercontent.com/files/9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","name":"world-50m.json","type":"application/json","lastModified":1718904671926.345,"size":747062},{"id":"5768ae4070f3d5d8d681dc8d52ce225f0045ebeacffe4ff513a4715f4fa1ef1f9da4045d5e2e0bac0c61be0c7c565a92208fb7802cad39d9072e4d803ad74e32","href":"https://static.observableusercontent.com/files/5768ae4070f3d5d8d681dc8d52ce225f0045ebeacffe4ff513a4715f4fa1ef1f9da4045d5e2e0bac0c61be0c7c565a92208fb7802cad39d9072e4d803ad74e32","name":"subnational_brazil_commodity_deforestation_deduce_2020@1.csv","type":"text/csv","lastModified":1719333354492.558,"size":689085}] 29:{"id":"cb54e709d6b5d3a6","slug":null,"title":"DeDuCe commodity deforestation ternary map","thumbnail":"d9ecd1759dca7ce0317a9a91ef6b0516ba0bb6ad70116910dc3248dba0d9bf75","access_level":"unlisted","create_time":"$D2024-06-20T17:31:11.926Z","update_time":"$D2025-02-19T14:26:18.799Z","view_time":null,"first_public_time":"$D2024-06-21T13:23:14.068Z","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":2409,"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":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"DeDuCe commodity deforestation ternary map","cells":[{"id":0,"value":"md`# DeDuCe commodity deforestation ternary map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"chart = htl.html`\n${titleOnly}\n\n${chartOnly}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"titleOnly = titleCard({\n title: \"DeDuCE shows main cause of deforestation across Brazil\",\n subtitle:\n \"Commodities most associated with deforestation in Brazil in 2020 for municipalities that together represented 90, 95 and 100% of Brazil’s agricultural production in 2020. Source: DeDuCE (Singh & Persson, 2024); Brazilian Institute of Geography and Statistics.\",\n width: \"100%\",\n extra: html`\n Proportion of Brazil's deforestation:\n ${viewof valuePctSelect}\n ${legend}\n \n \n `\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2186,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"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":16,"value":"country = \"brazil\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"height = width * 0.525","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2190,"value":"width_legend = 250","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2193,"value":"height_legend = width_legend * 0.75","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"keyCol = \"geocod\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2227,"value":"viewof valueColSelect = Inputs.select(\n possibleColumns.filter((d) => d.selectable),\n {\n format: (d) => `${d.name} ${d.units}`,\n value: possibleColumns.filter((d) => d.selectable)[3] \n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2063,"value":"valueCol = valueColSelect?.column","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2072,"value":"valueTitle = valueColSelect?.name","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2074,"value":"valueUnits = valueColSelect?.units","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2155,"value":"maxSoyDefo = d3.sum(SelectedDataMap, d => d.soy_deforestation);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2261,"value":"maxCattleDefo = d3.sum(SelectedDataMap, d => d.cattle_deforestation);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2265,"value":"maxOtherDefo = d3.sum(SelectedDataMap, (d) => d.other_deforestation)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2170,"value":"cattleColor = \"#E27227\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2172,"value":"soyColor = \"#2548D8\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2174,"value":"otherColor = \"#61F261\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2178,"value":"zeroDefColor = \"#789B8E\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":996,"value":"viewof valuePctSelect = Inputs.select([\"100%\", \"95%\", \"90%\"], {\n value: \"Total\",\n label: \"\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"pct_select = [\n 1,\n 0.95,\n 0.9,\n {\n total: \"100%\",\n quase: \"95%\",\n metade: \"90%\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1062,"value":"valuePct = pct_select[Object.values(pct_select[3]).indexOf(valuePctSelect)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":928,"value":"columnsToDisplay = {\n const selected = possibleColumns.find((d) => d.column === valueCol);\n const other = possibleColumns.filter((d) => d.column !== valueCol);\n return [selected, ...other];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":808,"value":"possibleColumns = [\n {\n column: \"cattle_deforestation\",\n name: \"Cattle deforestation\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"soy_deforestation\",\n name: \"Soy deforestation\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"other_deforestation\",\n name: \"Other crops deforestation\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"total_defo\",\n name: \"Total agriculture deforestation\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"tableVis","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"showLand = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"showBiomes = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"selectedData = data\n .sort((a, b) => d3.descending(a[valueCol], b[valueCol]))\n .map((d) => {\n const obj = {\n Municipality: `${d[\"municipality\"]}, ${d[\"state\"]}`\n };\n for (const c of possibleColumns) {\n obj[`${c.name} ${c.units}`] = d[c.column];\n }\n return obj;\n })\n .filter((element) => {\n return element !== null;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1065,"value":"data[0][\"defo_cpct\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"SelectedDataMap1 = data\n .map((d) => {\n if (d[\"defo_cpct\"] <= valuePct) {\n return d;\n }\n return null;\n })\n .filter((element) => {\n return element !== null;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1654,"value":"SelectedDataMap = data\n .map((d) => {\n // Determine the condition based on the selected filter option\n let condition;\n switch (valuePctSelect) {\n case \"100%\":\n condition = d[\"defo_cpct\"] <= 1;\n break;\n case \"95%\":\n condition = d[\"defo_cpct\"] <= 0.95;\n break;\n case \"90%\":\n condition = d[\"defo_cpct\"] <= 0.9;\n break;\n default:\n // Handle unexpected cases\n condition = false;\n }\n\n // Apply the determined condition\n if (condition) {\n return d;\n }\n return null;\n })\n .filter((element) => {\n return element !== null;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"data_raw = await FileAttachment(\"subnational_brazil_commodity_deforestation_deduce_2020@1.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":2101,"value":"//filter by production for 90% of the production in Brazil\nfiltered_data = data_raw.filter(\n (d) => d.cattle_prod_cpct <= 0.9 || d.soy_prod_cpct <= 0.9\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2039,"value":"// Normalization of deforestation values for three color axis, cattle, soy, and other\ndata_norm = filtered_data.map((d) => {\n const total_defo =\n +d.cattle_deforestation + +d.soy_deforestation + +d.other_deforestation;\n return {\n ...d,\n total_defo,\n Cattle_norm: total_defo ? +d.cattle_deforestation / total_defo : 0,\n Soy_norm: total_defo ? +d.soy_deforestation / total_defo : 0,\n Other_norm: total_defo ? +d.other_deforestation / total_defo : 0,\n };\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2043,"value":"// Transform selected colours into hex codes\nfunction interpolateColor(normValues, colors) {\n const r = Math.round(\n normValues[0] * colors[0][0] +\n normValues[1] * colors[1][0] +\n normValues[2] * colors[2][0]\n );\n const g = Math.round(\n normValues[0] * colors[0][1] +\n normValues[1] * colors[1][1] +\n normValues[2] * colors[2][1]\n );\n const b = Math.round(\n normValues[0] * colors[0][2] +\n normValues[1] * colors[1][2] +\n normValues[2] * colors[2][2]\n );\n return `#${r.toString(16).padStart(2, \"0\")}${g\n .toString(16)\n .padStart(2, \"0\")}${b.toString(16).padStart(2, \"0\")}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"// Create colour column for populating the input data\ndata = data_norm.map((d) => {\n const zeroDefColor1 = hexToRgb(zeroDefColor);\n const cattleColor1 = hexToRgb(cattleColor);\n const soyColor1 = hexToRgb(soyColor);\n const otherColor1 = hexToRgb(otherColor);\n\n const color =\n d.total_defo === 0\n ? `#${zeroDefColor1[0].toString(16).padStart(2, \"0\")}${zeroDefColor1[1]\n .toString(16)\n .padStart(2, \"0\")}${zeroDefColor1[2].toString(16).padStart(2, \"0\")}`\n : interpolateColor(\n [d.Cattle_norm, d.Soy_norm, d.Other_norm],\n [cattleColor1, soyColor1, otherColor1]\n );\n\n return { ...d, color };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"// Data map with colour column\ndataMap = new Map(\n SelectedDataMap.filter((d) => {\n const regionId = String(d[keyCol]).includes(\"-\")\n ? String(d[keyCol]).split(\"-\")[1]\n : String(d[keyCol]);\n // ignore regions with XXXXXXX id, which are domestic consumption\n if (regionId !== \"XXXXXXX\" && regionId !== \"XX\") {\n return d;\n }\n }).map((d) => {\n const regionId = String(d[keyCol]).includes(\"-\")\n ? String(d[keyCol]).split(\"-\")[1]\n : String(d[keyCol]);\n\n // return [regionId, +d[valueCol]];\n return [regionId, d];\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"boundaries = d3.json(\n `https://unpkg.com/@trase/trase-atlas@1.1.1/files/${country.toLowerCase()}.json`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"// world = d3.json(\"https://unpkg.com/visionscarto-world-atlas/world/50m.json\")\nworld = FileAttachment(\"world-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"// biomes = FileAttachment(\"biomes_ecoregions_filtered_no_caatinga.json\").json()\nbiomes_raw = FileAttachment(\"biome@3.topo.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"features = topojson.feature(boundaries, boundaries.objects[`level${level}`]).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1671,"value":"// Function to filter the geometries\nfunction filterBiomes(geojson, names) {\n const filteredGeometries = geojson.objects.data.geometries.filter(\n (geometry) => names.includes(geometry.properties.name)\n );\n\n return {\n ...geojson, // Spread the original geojson structure\n objects: {\n ...geojson.objects, // Spread the original objects\n data: {\n ...geojson.objects.data, // Spread the original data\n geometries: filteredGeometries // Replace geometries with the filtered list\n }\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1674,"value":"biomes = filterBiomes(biomes_raw, [\n \"AMAZONIA\",\n \"CERRADO\",\n \"MATA ATLANTICA\",\n \"PANTANAL\",\n \"PAMPA\",\n \"CAATINGA\"\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1785,"value":"bounds = topojson.feature(biomes, biomes.objects.data).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"// levels of data resolution - will need updating over time\nlevels = new Map([\n [\"argentina\", 3],\n [\"bolivia\", 3],\n [\"brazil\", 3],\n [\"colombia\", 2],\n [\"cote_divoire\", 3],\n [\"ecuador\", 3],\n [\"paraguay\", 2],\n [\"indonesia\", 3]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"countries = Array.from(levels.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"level = levels.get(country.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":772,"value":"toTitleCase = (str) => {\n return str?.toLowerCase()?.replace(/(^|\\s)\\S/g, (t) => t?.toUpperCase());\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"projection0 = projections.get(country.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1597,"value":"margin = ({\n top: 10,\n right: 10,\n bottom: 10,\n left: 10\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1594,"value":"projection = d3\n .geoPolyconic()\n .rotate([54, 0])\n .fitExtent(\n [\n [margin.left, margin.top],\n [width - margin.right, height - margin.bottom]\n ],\n topojson.feature(biomes, biomes.objects.data)\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"numberFormat = \",.0~f\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"format = (value) =>\n Math.abs(value) < 10\n ? d3.format(\".2r\")(value)\n : d3.format(numberFormat)(value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"generateTooltip = (d) => {\n const spacing = 4.25;\n const template = (valueTitle, valueUnits, value, i) => svg`\n \n ${valueTitle} ${valueUnits}\n \n ${format(value)}\n \n`;\n return svg`\n \n ${columnsToDisplay.map((x, i) =>\n template(x.name, x.units, dataMap.get(d.id)[x.column], i)\n )}\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"tooltipKey = data.c || `${valueTitle} ${valueUnits ? valueUnits : \"\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"// https://observablehq.com/@rdmurphy/combining-html-canvas-svg-flatbush-for-super-efficient-hov\nscript = {\n const blob = new Blob([`\n importScripts(\"${await require.resolve(\"flatbush@3.2\")}\");\n\n onmessage = (event) => {\n const { data } = event.data;\n const index = new Flatbush(data.length);\n data.forEach(bbox => { index.add(...bbox) });\n index.finish();\n postMessage(index.data);\n close();\n };\n`], {type: \"text/javascript\"});\n const script = URL.createObjectURL(blob);\n invalidation.then(() => URL.revokeObjectURL(script));\n return script;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"index = Generators.queue((notify) => {\n const worker = new Worker(script);\n invalidation.then(() => worker.terminate());\n worker.addEventListener(\"message\", ({ data }) => notify(Flatbush.from(data)));\n worker.postMessage({ data: features.map((d) => turf.bbox(d)) });\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"import { traseColours, traseOranges, fonts } 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":229,"value":"import { legend as legendTemplate } 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":793,"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":83,"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":865,"value":"import { tableVis } with { selectedData as data } from \"@trase/table-visualization\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"d3 = require(\"d3@6\", \"d3-geo-projection@2.9\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"d3_annotation = require(\"https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.5.1/d3-annotation.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"Flatbush = require(\"flatbush@3.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"simple = require(\"simple-statistics@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2164,"value":"function hexToRgb(hex) {\n // Remove the hash at the start if it's there\n hex = hex.replace(/^#/, '');\n\n // Parse the r, g, b values\n let bigint = parseInt(hex, 16);\n let r = (bigint >> 16) & 255;\n let g = (bigint >> 8) & 255;\n let b = bigint & 255;\n\n return [r, g, b];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null