2b:null 2c:["$","title",null,{"children":"PORTUGUÊS - Degradação de pastagens e nível de intervenção necessário | Trase | Observable"}] 31:T846,titleOnly = titleCard({ title: "Degradação de pastagens e nível de intervenção necessário", subtitle: "Nível de intervenção necessário para a recuperação de pastagens no estado de Mato Grosso. Fonte: Dados de exportação da Trase (2020) e nível de prioridade de intervenção para melhoria da qualidade das pastagens e área de pastagens degradadas do Lapig (2021).", width: "100%", extra: html`

Selecione o nível requerido de intervenção: ${viewof valuePctSelect}

Número de municípios selecionados: ${munSelected}

Área total de pastagem em 2021: ${d3.format( ",.0f" )(munSelectedProduction)} ha (${d3.format(".0%")( munSelectedProductionPct )} do total)

Volume total exportado em 2020: ${d3.format( ",.0f" )(munSelectedExports)} toneladas (${d3.format(".0%")( munSelectedExportsPct )} do total)

`, footnote: "A área de pastagem degradada foi estimada utilizando o mapa de qualidade das pastagens criado pelo LAPIG para o ano de 2021, que categoriza o vigor das pastagens em seis níveis diferentes. Mais detalhes podem ser encontrados em: https://atlasdaspastagens.ufg.br/map. A necessidade de intervenção também foi estimada pelo LAPIG, que identifica múltiplos níveis de intervenção necessários para a recuperação das pastagens, com base na gravidade da degradação. Mais detalhes podem ser encontrados em: https://pcimt.org/wp-content/uploads/2024/06/PCILAPIGProduto_final_v2_2022.pdf. A análise considera somente pastos cultivados (2021) fora de áreas indígenas em 2021, de acordo com a Fundação Nacional dos Povos Indígenas (FUNAI).", summaryText: "Notas" })32:Te76,chartOnly = { const container = d3.create("div").style("position", "relative"); const context = DOM.context2d(width, height, 2); const canvas = container.append(() => context.canvas); const selection = vl.selectPoint().on("mouseover").clear("mouseout"); const tooltip = container .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("opacity", 0) .style("z-index", 10); 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); const path1 = d3.geoPath(projection_ti, context); function handleTooltip(event, d) { const tooltip = container.select(".tooltip"); tooltip.transition().duration(0).style("opacity", 0.9); // Get the coordinates of the mouse event const [mouseX, mouseY] = d3.pointer(event, container.node()); // Calculate the position of the tooltip const tooltipWidth = tooltip.node().offsetWidth; const tooltipHeight = tooltip.node().offsetHeight; const left = mouseX + 10; // 10 pixels to the right of the mouse cursor const top = mouseY - tooltipHeight - 0; // Position above the cursor tooltip .html(d.properties.Name) .style("left", left + "px") .style("top", top + "px") .style("font-family", "DM Sans, sans-serif") // Use DM Sans Medium .style("font-size", "16px") .style("max-width", "200px") .style("font-weight", "400") // Medium font weight .style("background", "white") // White background for bounding box // .style("border", "1px solid black") // Optional: border around the box .style("padding", "5px") // Padding inside the box .style("box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.1)") // Optional: shadow for better visibility .style("z-index", 1000); // Ensure the tooltip is above other elements } function hideTooltip() { const tooltip = container.select(".tooltip"); tooltip.transition().duration(0).style("opacity", 0); } // Append circles with a class for easy selection svg .append("g") .selectAll("circle") .data(companies) .join("circle") .attr("class", "map-circle") .attr("cx", (d) => projection(d.geometry.coordinates)[0]) .attr("cy", (d) => projection(d.geometry.coordinates)[1]) .attr("r", 3) .attr("fill-opacity", 0.5) .attr("fill", "white") .attr("stroke", "black") .attr("stroke-width", 0.5) .attr("d", circle) .style("pointer-events", "all") .on("mouseover", (event, d) => { handleTooltip(event, d); }) .on("mouseout", () => { hideTooltip(); }) .append("g") .call(annotate); // regions for (let i = 0; i < features.length; i++) { const feature = features[i]; context.beginPath(); context.lineWidth = 0.1; context.strokeStyle = "#666"; context.fillStyle = colour(dataMap.get(feature.id)?.[valueCol]) || traseColours.get("lightgrey"); path(feature); context.fill(); context.stroke(); } ti.forEach((feature) => { context.beginPath(); path(feature); // path is d3.geoPath().projection(projection).context(context) context.fillStyle = "rgba(128, 128, 128, 1)"; // Semi-transparent gray fill context.fill("evenodd"); // Use 'evenodd' to correctly handle complex polygons context.strokeStyle = "#000000"; context.lineWidth = 0.5; context.stroke(); }); svg.append("g").call(annotate); canvas.call(hover, svg); return container.node(); }33:T50b,legend2 = { const svg = d3.create("svg").attr("width", 250).attr("height", 50); const itemGroups = svg .selectAll("g.legend-item") .data(legendItems) .enter() .append("g") .attr("class", "legend-item") // Add left margin by increasing the x value in the translate function .attr("transform", (d, i) => `translate(30, ${i * 25})`); itemGroups.each(function (d) { const group = d3.select(this); if (d.type === "rectangle") { group .append("rect") .attr("width", 20) .attr("height", 15) .attr("fill", d.fill) .attr("stroke", d.stroke) .attr("rx", 3) // Set the x-radius for rounded corners .attr("ry", 3); // Set the y-radius for rounded corners } else if (d.type === "dot") { group .append("circle") .attr("cx", 10) .attr("cy", 7.5) .attr("r", 5) .attr("fill", d.fill) .attr("stroke", d.stroke); } group .append("text") .attr("x", 25) // You may need to adjust this value too if the 30px shift makes it too crowded .attr("y", 10) .attr("alignment-baseline", "middle") .text(d.text) .style("font", "13px 'DM Sans Medium'") .style("fill", "#748f7e"); }); return svg.node(); }34: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(); }); }35:T7f9,function multiChoice(config = {}) { const { title, description, placeholder, submit, options } = config; const checked = config.value; const isChecked = (value) => type === "checkbox" ? (checked || []).indexOf(value) > -1 : value === checked; const type = config.type === "radio" || config.type === "checkbox" ? config.type : "radio"; const _options = (Array.isArray(config) ? config : options).map((o) => typeof o === "string" ? { value: o, label: o } : o ); const getValue = (input) => { if (type === "checkbox") { return Array.prototype.filter .call(input, (radio) => radio.checked) .map((input) => input.value); } const checked = Array.prototype.find.call(input, (radio) => radio.checked); return checked ? checked.value : undefined; }; const form = input({ title, description, submit, form: html` `, // By making some simple changes to @jashkenas/input (support for subscribing to the form's // `onchange` event), this code could be spared from declaring `action()` action: (form) => { const update = (e) => { e && e.preventDefault(); form.value = getValue(form.input); form.dispatchEvent(new CustomEvent("input")); }; form.onchange = update; update(); } }); // Apply CSS style to set font-family and font-size for labels and input elements const style = document.createElement("style"); style.textContent = ` label, input[type="radio"], input[type="checkbox"] { font-family: "DM Sans Medium", sans-serif; font-size: 13px; } `; document.head.appendChild(style); form.output.remove(); form.style.fontSize = "1em"; return form; }36:T6fa,function plotLegend( legendData = [], { marginTop, marginLeft, marginRight, marginBottom, fontSize, fontFamily = "DM Sans", fontWeight = "bold", legendItemHeight, width } = {} ) { // generate Plot marks based on legendData const lData = legendData.map((lg, i) => ({ ...lg, y: i + 1 })); const legendMarks = lData .map((lg, i) => { // dot and symbols if (lg.type == "dot") { return Plot.dot([lg], { x: 0, y: (d) => d.y, dx: "7", stroke: `${lg.stroke}`, fill: `${lg.fill}`, symbol: `${lg.symbol || "circle"}` }); } // image if (lg.type == "image") { return Plot.image([lg], { x: 0, y: (d) => d.y, dx: "7", src: (d) => `${d.symbol}`, preserveAspectRatio: "xMidYMid slice" }); } // default to horizontal line return Plot.ruleY([lg], { y: (d) => d.y, stroke: `${lg.stroke}`, strokeDasharray: `${lg.strokeDasharray}` }); }) .concat([ // legend item text Plot.textY(lData, { x: 1, y: (d) => d.y, textAnchor: "start", fill: "#748f7e", dx: "15", text: (d) => d.text }) ]); return Plot.plot({ marginTop: marginTop || 0, marginLeft: marginLeft || 0, marginRight: marginRight || 170, marginBottom: marginBottom || 0, height: legendData.length * (legendItemHeight || 20), width: width || 200, style: { fontSize: `${fontSize || 10}px`, fontFamily, fontWeight }, y: { type: "point" }, x: { domain: [0, 1], type: "point" }, marks: legendMarks }); }37:[{"id":"89a022d28515ace12a1b7756032ae65da9b469ab49fe93604f338929d9ffcc8327d97a68eff9e729df5d0e795f27e3359e4586324930dc93b39ab861c0abcb55","href":"https://static.observableusercontent.com/files/89a022d28515ace12a1b7756032ae65da9b469ab49fe93604f338929d9ffcc8327d97a68eff9e729df5d0e795f27e3359e4586324930dc93b39ab861c0abcb55","name":"Companies@1.csv","type":"text/csv","lastModified":1723453207143.382,"size":6427},{"id":"85f96bffe20e0b7fac01444ba9b0304ae1623cad7b0671887a88a7b106c2bc1124179de2b7c07bd85c8b427650690eb481eacf18e8ccad5748ea7d155e08aaad","href":"https://static.observableusercontent.com/files/85f96bffe20e0b7fac01444ba9b0304ae1623cad7b0671887a88a7b106c2bc1124179de2b7c07bd85c8b427650690eb481eacf18e8ccad5748ea7d155e08aaad","name":"tis_poligonais_MT_FUNAI_All_-4_simplified.json","type":"application/json","lastModified":1723453207143.382,"size":143714},{"id":"4e2a442258a7afcdb66912a8446ab520c9105860dec9eb2c46d2b839e570fd7ffa99fe50fecd9443ddbb28c9451f88ef037f807ab32f49078f998039a3ef45c0","href":"https://static.observableusercontent.com/files/4e2a442258a7afcdb66912a8446ab520c9105860dec9eb2c46d2b839e570fd7ffa99fe50fecd9443ddbb28c9451f88ef037f807ab32f49078f998039a3ef45c0","name":"MT_database_beef_Insight_Nov_2023_pt@1.csv","type":"text/csv","lastModified":1723454860353.741,"size":27342}] 2f:{"id":"38078c8e6b60cda8","slug":null,"title":"PORTUGUÊS - Degradação de pastagens e nível de intervenção necessário","thumbnail":"82a84332097d7eb0aa8b552be20564719f90e6eb7f45ae6868407ad2ea9455fd","access_level":"public","create_time":"$D2024-08-12T09:00:07.143Z","update_time":"$D2024-08-21T14:13:19.291Z","view_time":null,"first_public_time":"$D2024-08-12T12:54:42.109Z","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"},"version":2574,"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}],"members":[{"type":"individual","id":"62b540d564c5895c","login":"opereira","name":"Osvaldo Pereira","avatar_url":"https://avatars-next.observableusercontent.com/95253acfbd3dc32e5dc573bae043a3c3ffcfe39cadeaa2ccd1aca3bd567ec8b1","tier":null,"role":"editor"},{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"PORTUGUÊS - Degradação de pastagens e nível de intervenção necessário","cells":[{"id":0,"value":"md`# PORTUGUÊS - Degradação de pastagens e nível de intervenção necessário`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"chart = htl.html`\n${titleOnly}\n${legendOnly}\n

\n${legend2}\n${chartOnly}\n${html`${createDownloadLink()}`}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"legendOnly = legendTemplate({\n colour: colour,\n title: tooltipKey,\n tickFormat: numberFormat,\n marginLeft: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1965,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"country = \"brazil\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"height = width * 0.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"keyCol = \"Geocod\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"viewof valuePctSelect = checkboxes({\n options: [\n { value: \"Extrema\", label: \"Extremo\" },\n { value: \"Alta\", label: \"Alto\" },\n { value: \"Média\", label: \"Intermediário\" },\n { value: \"Baixa\", label: \"Baixo\" },\n { value: \"Baixíssima\", label: \"Muito Baixo\" }\n ],\n value: [\"Extrema\", \"Alta\", \"Média\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"viewof valueColSelect = Inputs.select(\n possibleColumns.filter((d) => d.selectable),\n { format: (d) => `${d.name} ${d.units}` }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2187,"value":"legendItems = [\n {\n type: \"rectangle\",\n stroke: \"black\",\n fill: \"rgba(128, 128, 128, 1)\",\n text: \"Terras Indígenas\"\n },\n {\n type: \"dot\",\n stroke: \"black\",\n fill: \"#ffffff\",\n text: \"Frigoríficos\"\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2418,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"pct_select = [\"Extrema\", \"Baixíssima\", \"Média\", \"Alta\", \"Baixa\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1111,"value":"munSelected = SelectedDataMap?.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"munSelectedProduction = d3.sum(SelectedDataMap, (d) => d[\"Área de pasto degradado (2021)\"]) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"munSelectedProductionPct = munSelectedProduction /\n d3.sum(selectedData, (d) => d[\"Área de pasto degradado (2021) (ha)\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"munSelectedExports = d3.sum(SelectedDataMap, (d) => d[\"Volume exportado de carne (2020)\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1146,"value":"munSelectedExportsPct = munSelectedExports /\n d3.sum(selectedData, (d) => d[\"Volume exportado de carne (2020) (toneladas)\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"valueCol = valueColSelect?.column","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"valueTitle = valueColSelect?.name","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"valueUnits = valueColSelect?.units","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":808,"value":"possibleColumns = [\n {\n column: \"Área de pasto degradado (2021)\",\n name: \"Área de pasto degradado (2021)\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"Desmatamento associado à produçao de carne (2020)\",\n name: \"Desmatamento associado à produçao de carne (2020)\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"Volume exportado de carne (2020)\",\n name: \"Volume exportado de carne (2020)\",\n units: \"(toneladas)\",\n selectable: true,\n format: \",.0~f\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"tableVis","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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[\"Município\"]}, ${d[\"Estado\"]}`\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","output":"$undefined","database":"$undefined"},{"id":1065,"value":"data[0][\"Need for intervention\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"SelectedDataMap = data.filter((d) =>\n valuePctSelect.includes(d[\"Need for intervention\"])\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"data = await FileAttachment(\"MT_database_beef_Insight_Nov_2023_pt@1.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2207,"value":"ti_raw = FileAttachment(\"tis_poligonais_MT_FUNAI_All_-4_simplified.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2330,"value":"ti = ti_raw.features.map((feature) => ({\n ...feature,\n geometry: {\n ...feature.geometry,\n coordinates: reverseCoordinates(feature.geometry.coordinates)\n }\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"dataMap = new Map(\n SelectedDataMap.map((d) => {\n const regionId = String(d[keyCol]);\n return [regionId, d];\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1946,"value":"companies = d3.csvParse(await FileAttachment(\"Companies@1.csv\").text(), (d) => ({\n type: \"Feature\",\n properties: d,\n geometry: {\n type: \"Point\",\n coordinates: [+d.Long, +d.Lat]\n }\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1953,"value":"circle = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1606,"value":"boundaries = {\n let boundaries = await d3.json(\n `https://unpkg.com/@trase/trase-atlas@1.1.1/files/brazil.json`\n );\n\n // Filter geometries at the top-level of the GeoJSON by \"id\" equal to \"51\"\n boundaries.objects.level3.geometries =\n boundaries.objects.level3.geometries.filter(\n (d) => d.id.substring(0, 2) == \"51\"\n );\n\n boundaries.objects.level2.geometries =\n boundaries.objects.level2.geometries.filter((d) => d.id == \"51\");\n\n return boundaries;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"features = topojson.feature(boundaries, boundaries.objects[`level${3}`])\n .features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":1767,"value":"margin = ({\n top: 10,\n right: 10,\n bottom: 30,\n left: 10\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"projection = d3\n .geoPolyconic()\n .rotate([54, 0])\n .fitExtent(\n [[margin.left, margin.top], [width - margin.right, height - margin.bottom]],\n topojson.feature(boundaries, boundaries.objects.level2)\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2321,"value":"projection_ti = d3\n .geoPolyconic()\n .rotate([54, 0])\n .fitExtent(\n [\n [margin.left, margin.top],\n [width - margin.right, height - margin.bottom]\n ],\n { type: \"FeatureCollection\", features: ti_raw.features }\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"colourScheme = traseGreens","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1491,"value":"ninetiethPercentile = d3.quantile(\n data.map((d) => d[valueCol]),\n 0.99\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"tenthPercentile = d3.quantile(\n data.map((d) => d[valueCol]),\n 0.40\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"extent = [tenthPercentile, ninetiethPercentile];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1387,"value":"colour = d3\n .scaleSequential(\n d3.interpolateRgbBasis([\n \"#bbffec\",\n \"#a0dfd1\",\n \"#85bfb7\",\n \"#6aa09c\",\n \"#4f8081\",\n \"#346067\",\n \"#19404c\"\n ])\n )\n .domain(extent)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"numberFormat = \",.0~f\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":460,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"generateTooltip = (d) => {\n if (!dataMap.has(d.id)) {\n return svg``;\n }\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","output":"$undefined","database":"$undefined"},{"id":158,"value":"tooltipKey = data.c || `${valueTitle} ${valueUnits ? valueUnits : \"\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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 [\n `\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`\n ],\n { type: \"text/javascript\" }\n );\n const script = URL.createObjectURL(blob);\n invalidation.then(() => URL.revokeObjectURL(script));\n return script;\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":2524,"value":"columnsOfInterest = ({\n Geocod: \"Geocod\",\n Município: \"Município\",\n Estado: \"Estado\",\n \"Need for intervention\": \"Nível requerido de intervenção (LAPIG)\",\n \"Área de pasto degradado (2021)\": \"Área de pasto degradado (2021)\",\n \"Desmatamento associado à produçao de carne (2020)\":\n \"Desmatamento associado à produçao de carne (2020)\",\n \"Volume exportado de carne (2020)\": \"Volume exportado de carne (2020)\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2515,"value":"csv_export_data = SelectedDataMap.map((d) => {\n const renamedObj = {};\n Object.keys(columnsOfInterest).forEach((oldCol) => {\n if (d.hasOwnProperty(oldCol)) {\n const newCol = columnsOfInterest[oldCol];\n renamedObj[newCol] = d[oldCol];\n }\n });\n return renamedObj;\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"import { traseColours, traseGreens, fonts } from \"@trase/visual-id@1366\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":793,"value":"import { titleCard } from \"@trase/title-card\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","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","output":"$undefined","database":"$undefined"},{"id":2048,"value":"import { hover as hover1 } from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"Flatbush = require(\"flatbush@3.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"simple = require(\"simple-statistics@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1797,"value":"import { input } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1802,"value":"function checkboxes(config = {}) {\n return multiChoice(Object.assign({ type: 'checkbox' }, config))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1787,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1827,"value":"// Function to convert data to CSV format\nfunction convertToCSV(data) {\n const separator = \",\";\n\n // Extract the headers from the first object in the data\n const headers = Object.keys(data[0]);\n\n // Create the header row\n const headerRow = headers.join(separator);\n\n // Create an array of CSV lines\n const csvLines = [headerRow];\n\n // Iterate through the data and convert each object to a CSV line\n data.forEach((item) => {\n const values = headers.map((header) => item[header]);\n const csvLine = values.join(separator);\n csvLines.push(csvLine);\n });\n\n // Join the lines with line breaks to form the CSV string\n return csvLines.join(\"\\n\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1835,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1829,"value":"// Define a function to generate the download link\nfunction createDownloadLink() {\n const csvString = convertToCSV(csv_export_data);\n\n // Create a Blob with the CSV data and UTF-8 encoding\n const blob = new Blob([new Uint8Array([0xef, 0xbb, 0xbf]), csvString], {\n type: \"text/csv;charset=utf-8\"\n });\n\n // Create a URL for the Blob\n const url = URL.createObjectURL(blob);\n\n // Create an anchor element for the download link\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = \"municipios_selecionados_mt.csv\"; // Set the filename for the downloaded file\n a.textContent = \"Baixar CSV\"; // Set the link text\n\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2394,"value":"function reverseCoordinates(coordinates) {\n // Assuming the polygon can have multiple rings (one outer and potentially many inner)\n return coordinates.map(ring => ring.slice().reverse());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 30:"$2f:body"