2d:null 2e:["$","title",null,{"children":"Fire and Deforestation in the Amazon Rainforest, 2019 | Laura J Kurtzberg | Observable"}] 33:T1bcf,viewof firechart = vegaEmbed({ "$schema": "https://vega.github.io/schema/vega/v5.json", "width": 260, "height": 210, "padding": {"left": 5, "top": 5, "right": -10, "bottom": 5}, "background": "transparent", "config": { "text": {"font": "Nunito", "fill": "black"}, "axis": { "labelColor": "black", "titleColor": "black", "domainColor": "black" }, "legend": {"labelColor": "black", "labelFont": "Nunito, sans-serif"} }, "data": [ { "name": "legend", "values": [ {"index": 0, "value": "August"}, {"index": 1, "value": "Whole Year"} ] }, { "name": "table", "values": [ {"index": 2016, "value": 87761}, {"index": 2017, "value": 107439}, {"index": 2018, "value": 76330}, {"index": 2019, "value": 89176} ] }, { "name": "agostotable", "values": [ { "index": 2016, "value": 18340, "prev": 20471, "change": -0.10409848077768546 }, { "index": 2017, "value": 21244, "prev": 18340, "change": 0.1583424209378408 }, { "index": 2018, "value": 10421, "prev": 21244, "change": -0.5094614950103559 }, { "index": 2019, "value": 30900, "prev": 10421, "change": 1.9651664907398523 } ], "transform": [ { "type": "formula", "expr": "datum.value / datum.prev - 1", "as": "change" } ] } ], "signals": [ { "name": "tooltip", "value": " ", "on": [ {"events": "rect:mouseover", "update": "datum"}, {"events": "rect:mouseout", "update": "{}"} ] } ], "scales": [ { "name": "scaleIndex", "type": "band", "range": "width", "domain": {"data": "table", "field": "index"}, "paddingInner": 0.4 }, { "name": "scaleValue", "type": "linear", "range": "height", "domain": [0, 110000], "zero": true, "nice": true }, { "name": "linex", "type": "point", "range": [20, 240], "domain": {"data": "agostotable", "field": "index"} }, { "name": "color", "type": "ordinal", "range": ["#D10B06", "#cccccc"], "domain": {"data": "legend", "field": "value"} } ], "axes": [ { "orient": "left", "scale": "scaleValue", "title": "Fire Count", "tickCount": 4, "tickColor": "transparent", "format": ".2~s", "grid": true, "domainColor": "transparent", "gridDash": [2] }, { "orient": "bottom", "scale": "scaleIndex", "title": "source: BDQueimadas", "titleAlign": "left", "titleX": 150, "titlePadding": 10, "titleFontWeight": 100, "tickSize": 0, "labelPadding": 6 } ], "legends": [ { "orient": "none", "fill": "color", "legendX": 0, "legendY": -25, "zindex": 1, "direction": "horizontal", "symbolType": "square" } ], "marks": [ { "type": "rect", "from": {"data": "table"}, "encode": { "enter": { "x": {"scale": "scaleIndex", "field": "index", "offset": 1}, "width": {"scale": "scaleIndex", "band": 1, "offset": -1}, "y": {"scale": "scaleValue", "field": "value"}, "y2": {"scale": "scaleValue", "value": 0}, "fill": {"value": "#cccccc"} } } }, { "type": "rect", "from": {"data": "agostotable"}, "encode": { "enter": { "x": {"scale": "scaleIndex", "field": "index", "offset": 1}, "width": {"scale": "scaleIndex", "band": 1, "offset": -1}, "y": {"scale": "scaleValue", "field": "value"}, "y2": {"scale": "scaleValue", "value": 0}, "fill": {"value": "#D10B06"} } } }, { "type": "line", "from": {"data": "agostotable"}, "encode": { "enter": { "x": {"scale": "linex", "field": "index"}, "y": {"scale": "scaleValue", "field": "value"}, "stroke": {"value": "white"}, "strokeWidth": {"value": 2.4}, "strokeCap": {"value": "round"} } } }, { "type": "symbol", "from": {"data": "agostotable"}, "encode": { "enter": { "tooltip": {"signal": "format(datum.change, '+.1%')"}, "x": {"scale": "linex", "field": "index"}, "y": {"scale": "scaleValue", "field": "value"}, "fill": {"value": "orange"} } } }, { "type": "text", "encode": { "enter": { "align": {"value": "center"}, "baseline": {"value": "bottom"}, "font": {"value": "Nunito, sans-serif"}, "fontWeight": {"value": "bold"} }, "update": { "x": {"scale": "scaleIndex", "signal": "tooltip.index", "band": 0.5}, "y": {"scale": "scaleValue", "signal": "tooltip.value", "offset": -6}, "text": {"signal": "tooltip.value"}, "fillOpacity": [ {"test": "datum === tooltip", "value": 0}, {"value": 1} ] } } }, { "type": "text", "encode": { "enter": { "text": {"value": "Fire Counts per Year in the Amazon"}, "x": {"value": 0}, "y": {"value": -47}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontSize": {"value": 16} } } }, { "type": "text", "encode": { "enter": { "text": {"value": ["hover over points to view percentage change"]}, "x": {"value": 0}, "y": {"value": -35}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontStyle": {"value": "italic"}, "fontSize": {"value": 10} } } }, { "type": "rect", "encode": { "enter": { "x": {"scale": "scaleIndex", "value": 2019, "offset": 35}, "y": {"scale": "scaleValue", "value": 30900, "offset": -18}, "width": {"value": 155}, "height": {"value": 50}, "fill": {"value": "#e0e0e0"}, "fillOpacity": {"value": 0.8} } } }, { "type": "text", "encode": { "enter": { "text": { "value": [ "Fire detections grew 196%", "in August 2019 compared", "to August 2018" ] }, "x": {"scale": "scaleIndex", "value": 2019, "offset": 40}, "y": {"scale": "scaleValue", "value": 30900}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"} } } } ] }, {theme: 'dark'})34:Tab7,viewof deforestationchart = vegaEmbed({ "$schema": "https://vega.github.io/schema/vega/v5.json", "width": 260, "height": 190, "padding": {"left": 5, "top": 5, "right": 100, "bottom": 5}, "background": "transparent", "config": { "text": {"font": "Nunito", "fill": "black"}, "axis": { "labelColor": "black", "titleColor": "black", "domainColor": "black" }, "legend": {"labelColor": "black"} }, "data": [ { "name": "table", "values": mutable deforestationvalues } ], "scales": [ { "name": "scaleIndex", "type": "band", "range": "width", "domain": {"data": "table", "field": "index"}, "paddingInner": 0.4 }, { "name": "scaleValue", "type": "linear", "range": "height", "domain": [0, 10000], "zero": true, "nice": true } ], "axes": [ { "orient": "left", "scale": "scaleValue", "title": "Deforestation (KM2)", "tickCount": 4, "tickColor": "transparent", "format": ".2~s", "grid": true, "domainColor": "transparent", "gridDash": [2] }, { "orient": "bottom", "scale": "scaleIndex", "title": "source: INPE PRODES", "titleAlign": "left", "titleX": 150, "titlePadding": 10, "titleFontWeight": 100, "tickSize": 0, "labelPadding": 6 } ], "marks": [ { "type": "rect", "from": {"data": "table"}, "encode": { "enter": { "x": {"scale": "scaleIndex", "field": "index", "offset": 1}, "width": {"scale": "scaleIndex", "band": 1, "offset": -1}, "y": {"scale": "scaleValue", "field": "value"}, "y2": {"scale": "scaleValue", "value": 0}, "fill": {"value": "#FCE535"} } } }, { "type": "text", "encode": { "enter": { "text": {"value": "Yearly Deforestation in the Amazon"}, "x": {"value": 0}, "y": {"value": -40}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontSize": {"value": 16} } } }, { "type": "text", "encode": { "enter": { "text": {"value": ["Note: PRODES counts each year's deforestation between", "August of the previous year and July of the current year"]}, "x": {"value": 0}, "y": {"value": -26}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontStyle": {"value": "italic"}, "fontSize": {"value": 10} } } } ] }, {theme: 'dark'})35:T18ff,viewof firetypeschart = vegaEmbed({ "$schema": "https://vega.github.io/schema/vega/v5.json", "description": "A stacked bar chart showing occurances of types of fires in the Amazon rainforest.", "width": 280, "height": 200, "padding": {"left": 5, "top": 5, "right": 80, "bottom": 5}, "config": { "text": { "font": "Nunito", "fill": "black" }, "axis": { "labelColor": "black", "titleColor": "black", "domainColor": "black" }, "legend": { "labelColor": "black" } }, "background": "transparent", "data": [ { "name": "table", "values": [ { "x": 2016, "y": 38614.84, "percent": "44%", "c": 0, "y0": 0, "y1": 38614.84 }, { "x": 2016, "y": 35982.01, "percent": "41%", "c": 1, "y0": 38614.84, "y1": 74596.85 }, { "x": 2016, "y": 13164.15, "percent": "15%", "c": 2, "y0": 74596.85, "y1": 87761 }, { "x": 2017, "y": 49421.94, "percent": "46%", "c": 0, "y0": 0, "y1": 49421.94 }, { "x": 2017, "y": 41901.21, "percent": "39%", "c": 1, "y0": 49421.94, "y1": 91323.15 }, { "x": 2017, "y": 16115.85, "percent": "15%", "c": 2, "y0": 91323.15, "y1": 107439 }, { "x": 2018, "y": 31295.3, "percent": "41%", "c": 0, "y0": 0, "y1": 31295.3 }, { "x": 2018, "y": 25952.2, "percent": "34%", "c": 1, "y0": 31295.3, "y1": 57247.5 }, { "x": 2018, "y": 19082.5, "percent": "25%", "c": 2, "y0": 57247.5, "y1": 76330 }, { "x": 2019, "y": 32103.36, "percent": "36%", "c": 0, "y0": 0, "y1": 32103.36 }, { "x": 2019, "y": 26752.8, "percent": "30%", "c": 1, "y0": 32103.36, "y1": 58856.16 }, { "x": 2019, "y": 30319.84, "percent": "34%", "c": "2", "y0": 58856.16, "y1": 89176 } ], "transform": [ { "type": "stack", "groupby": ["x"], "sort": {"field": "c"}, "field": "y" } ] } ], "signals": [ { "name": "tooltip", "value": {}, "on": [ {"events": "rect:mouseover", "update": "datum"}, {"events": "rect:mouseout", "update": "{}"} ] } ], "scales": [ { "name": "x", "type": "band", "range": "width", "domain": {"data": "table", "field": "x"}, "paddingInner": 0.4 }, { "name": "y", "type": "linear", "range": "height", "nice": true, "zero": true, "domain": {"data": "table", "field": "y1"} }, { "name": "color", "type": "ordinal", "range": {"scheme": "goldred"}, "domain": {"data": "table", "field": "c"} }, { "name": "label", "type": "ordinal", "domain": {"data": "table", "field": "c"}, "range": ["forest fires", "agriculture", "deforestation"] } ], "axes": [ { "orient": "bottom", "scale": "x", "zindex": 1, "title": "source: IPAM", "titleAlign": "left", "titleX": 210, "titlePadding": 10, "titleFontWeight": 100, "tickSize": 0, "labelPadding": 6 }, { "orient": "left", "scale": "y", "title": "Fire Count", "zindex": 0, "tickCount": 4, "tickColor": "transparent", "format": ".2~s", "grid": true, "domainColor": "transparent", "gridDash": [2] } ], "legends": [ { "orient": "none", "fill": "color", "legendX": 0, "legendY": -25, "zindex": 1, "direction": "horizontal", "symbolType": "square", "encode": { "labels": {"update": {"text": {"scale": "label", "field": "value"}}} } } ], "marks": [ { "type": "rect", "from": {"data": "table"}, "encode": { "enter": { "x": {"scale": "x", "field": "x"}, "width": {"scale": "x", "band": 1, "offset": -1}, "y": {"scale": "y", "field": "y0"}, "y2": {"scale": "y", "field": "y1"}, "fill": {"scale": "color", "field": "c"} }, "update": {"fillOpacity": {"value": 1}}, "hover": {"fillOpacity": {"value": 0.5}} } }, { "type": "text", "encode": { "enter": { "align": {"value": "center"}, "baseline": {"value": "bottom"} }, "update": { "x": {"scale": "x", "signal": "tooltip.x", "band": 0.5}, "y": {"scale": "y", "signal": "tooltip.y0", "offset": -2}, "y2": {"scale": "y", "signal": "tooltip.y1"}, "text": {"signal": "tooltip.percent"}, "fontWeight": {"value": "bold"}, "fontSize": {"value": 14}, "fillOpacity": [ {"test": "datum === tooltip", "value": 0}, {"value": 1} ] } } }, { "type": "text", "encode": { "enter": { "text": {"value": "Type of Fires per Year in the Amazon"}, "x": {"value": 0}, "y": {"value": -47}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontSize": {"value": 16} } } }, { "type": "text", "encode": { "enter": { "text": {"value": "hover to view percentage of each type"}, "x": {"value": 0}, "y": {"value": -35}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fontWeight": {"value": "normal"}, "fontStyle": {"value": "italic"}, "fontSize": {"value": 10} } } } ] }, {theme: 'dark'})36:Taa3,viewof view = vegaEmbed({ "$schema": "https://vega.github.io/schema/vega/v5.json", "description": "A heatmap showing average daily temperatures in Seattle for each hour of the day.", "width": 105, "height": 100, "padding": 5, "background": "white", "config": { "text": { "font": "Nunito", "fontColor": "black"} }, "data": [ { "name": "legendvalues", "values": [ {"column": 1, "row": 1, "color": "1A"}, {"column": 1, "row": 2, "color": "1B"}, {"column": 1, "row": 3, "color": "1C"}, {"column": 2, "row": 1, "color": "2A"}, {"column": 2, "row": 2, "color": "2B"}, {"column": 2, "row": 3, "color": "2C"}, {"column": 3, "row": 1, "color": "3A"}, {"column": 3, "row": 2, "color": "3B"}, {"column": 3, "row": 3, "color": "3C"} ] } ], "scales": [ { "name": "x", "type": "band", "domain": {"data": "legendvalues", "field": "row"}, "range": "width" }, { "name": "y", "type": "band", "domain": {"data": "legendvalues", "field": "column"}, "range": "height" }, { "name": "color", "type": "ordinal", "range": ["#333","#959696", "#fff", "#693637", "#a5605e","#fca4a0", "#921616", "#c64241", "#fd706e"], "domain": {"data": "legendvalues", "field": "color"} } ], "axes": [ {"orient": "bottom", "scale": "x", "domain": false, "labels": false, "title": "more deforestation -->", "titleY": -115, "titlePadding": 10, "titleFontWeight": 100, "tickSize": 0, "titleColor": "black", "titleFontStyle": "normal"}, { "orient": "left", "scale": "y", "domain": false, "labels": false, "title": "<-- more fires", "tickSize": 0, "titleColor": "black", "titleFontStyle": "normal"} ], "marks": [ { "type": "rect", "from": {"data": "legendvalues"}, "encode": { "enter": { "x": {"scale": "x", "field": "row"}, "y": {"scale": "y", "field": "column"}, "width": {"scale": "x", "band": 1}, "height": {"scale": "y", "band": 1}, "fill": {"scale": "color", "field": "color"} } } }, { "type": "text", "encode": { "enter": { "text": { "value": [ "both fires and", "deforestation", "are high" ] }, "x": {"scale": "x", "value": 3, "offset": 40}, "y": {"scale": "y", "value": 3, "offset": 20}, "align": {"value": "left"}, "baseline": {"value": "bottom"}, "fill": {"value": "black"}, "fontWeight": {"value": "bold"} } } } ] }) 37:T42ea,viewof map = { const container = html`

Densidade de Fogos 2015

Desmatamento Agosto 2018 - Julho 2019 (PRODES)

Densidade de Fogos 2019

Municipios sem informação de fogos ou desmatamento

Unidades de Conservação

Imóveis (CAR) > 440ha

Imóveis (CAR) < 440ha

Densidade de Fogos 2019

Desmatamento 2020 (DETER)

Densidade de Fogos Janeiro - Julho 2020

Fogo em 2019

2016 2017 2018 2019

De janeiro a dezembro de 2019, foram 89 mil focos de calor na Amazônia, 30% a mais do que no ano anterior e o índice mais alto da década para o mês de agosto, de acordo com o Instituto Nacional de Pesquisas Espaciais (Inpe).

Desmatamento em 2019

2016 2017 2018 2019

No mesmo período, o desmatamento também aumentou. O Sistema Prodes, do Inpe, registra o corte de mais de dez mil quilômetros quadrados de floresta entre agosto de 2018 e julho de 2019, quase o dobro do registrado nos 12 meses anteriores.

Desmatamento e Fogo em 2019

O Instituto de Pesquisas Ambientais da Amazônia (Ipam) aponta: as queimadas associadas ao desmatamento recente respondem por 34% do número de focos de calor por tipo de fogo no bioma Amazônia em 2019. “No processo do desmatamento, o fogo é a etapa final", complementa a bióloga Erika Berenguer, da Universidade de Lancaster.

Desmatamento e Fogo nos Municípios

Os quatro municípios que mais desmataram em 2019 também encabeçam a lista dos que tiveram mais focos de calor: Altamira e São Félix do Xingu, no Pará; Porto Velho, em Rondônia; e Lábrea, no Amazonas, mesmo estado de Apuí, que também aparece nas duas listas, como sexto (focos de calor) e sétimo (desmatamento).

Fogo em Imóveis Rurais

A análise dos dados do Cadastro Ambiental Rural (CAR) nos quatro municípios líderes em fogo e desmatamento em 2019 mostra que 72% dos focos de calor foram registrados em propriedades de médio e grande porte (acima de 440 hectares) e o restante em imóveis rurais pequenos (abaixo de 440 hectares).

Desmatamento e Fogo em 2020

A mesma correlação aparece em 2020. O monitoramento dos satélites do Inpe mostra que os alertas de desmatamento do Sistema Deter aumentaram 34% nos últimos 12 meses. Uma nova ferramenta de mapeamento de queimadas desenvolvida pela Nasa aponta que 54% dos focos de fogo este ano têm origem no desmatamento.

`; // Create a popup, but don't add it to the map yet. const popup = new mapboxgl.Popup({ closeButton: false, closeOnClick: true }); let hoveredStateId = null; yield container; // Give the container dimensions. const map = container.value = new mapboxgl.Map({ container: 'map', center: [-53.68, -4], zoom: 5, style: "mapbox://styles/laurakurtzberg/ckcv2by2x01p71jn1vtv4yze8", scrollZoom: true }); map.on("load", () => { const layers = map.getStyle().layers; // Find the index of the first symbol layer in the map style let firstSymbolId; for (let i = 0; i < layers.length; i++) { if (layers[i].type === 'symbol') { firstSymbolId = layers[i].id; break; } } map.addSource('fires', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.b7h1zbz8' }); map.addSource('deforestation', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.c8t15e1c' }); map.addSource('fires-per-property-type', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.4mbw2mji' }); map.addSource('fogos-e-desmatamento-por-municipio', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.9g7unbiz' }); map.addSource('top-4-municipios', { 'type': 'geojson', 'data': 'https://gist.githubusercontent.com/laurakurtzberg/dcb15e141b9c2f25df44bb6a298722a7/raw/3368519de742d8f1b7a50affe713e4cb533e02b4/5municipios.geojson' }); map.addSource('deforestation-2020', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.aic4lqhe' }); map.addSource('fires2020', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.c2o7nk5r' }); map.addSource('UCs', { 'type': 'vector', 'url': 'mapbox://laurakurtzberg.99qxbpdb' }); map.addLayer({ 'id': 'fires', 'type': 'heatmap', 'source': 'fires', 'maxzoom': 10, 'source-layer': 'mergedfires', 'paint': { 'heatmap-weight': 0.8, // increase intensity as zoom level increases 'heatmap-intensity': { stops: [ [2, 0.1], [7, 1] ] }, // Color ramp for heatmap. Domain is 0 (low) to 1 (high). 'heatmap-color': ['interpolate', ['linear'], ['heatmap-density'], 0, 'rgba(255,241,56,0)', 0.2, 'rgba(38,35,2,0.4)', 1, 'rgb(209,11,6)' ], // Adjust the heatmap radius by zoom level 'heatmap-radius': ['interpolate', ['linear'], ['zoom'], 0, 1, 4, 8 ], 'heatmap-opacity': 0, 'heatmap-opacity-transition': { duration: 2000 } } }, firstSymbolId); map.addLayer({ 'id': 'UCs', 'type': 'fill', 'maxzoom': 22, 'source': 'UCs', 'source-layer': 'Uc', 'paint': { 'fill-color': 'rgba(62, 114, 117, 0.8)', 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, 'fires'); map.addLayer({ 'id': 'desmatamento-por-municipio', 'type': 'fill', 'maxzoom': 22, 'source': 'fogos-e-desmatamento-por-municipio', 'source-layer': 'municipios', 'paint': { 'fill-outline-color': 'rgba(0, 0, 0, 1)', 'fill-color': [ 'step', ['get', '2019areakm'], /* jenks natural breaks */ '#5d5d5d', 0, '#2c2c2c', 58, '#959696', 254, '#ffffff' ], 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, 'fires'); map.addLayer({ 'id': 'fogos-por-municipio', 'type': 'fill', 'maxzoom': 22, 'source': 'fogos-e-desmatamento-por-municipio', 'source-layer': 'municipios', 'paint': { 'fill-outline-color': 'rgba(0, 0, 0, 1)', 'fill-color': [ 'step', ['get', 'NUMPOINTS'], /* jenks natural breaks */ '#5d5d5d', 1, '#5d5d5d', 352, '#a03331', 1384, '#e30906' ], 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, 'fires'); map.addLayer({ 'id': 'municipios-outline', 'type': 'line', 'source': 'top-4-municipios', 'paint': { 'line-color': 'rgba(255, 255, 255, 1)', 'line-opacity': 0, 'line-width': 1.3 } }, 'fires'); map.addLayer({ 'id': 'deforestation', 'type': 'fill', 'maxzoom': 10, 'source': 'deforestation', 'source-layer': 'alldeforestation', 'paint': { 'fill-color': 'rgb(252,240,151)', 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, firstSymbolId); map.addLayer({ 'id': 'fires-per-property-type', 'type': 'fill', 'maxzoom': 10, 'source': 'fires-per-property-type', 'source-layer': '5comapui', 'layout': { 'fill-sort-key': ['get', 'neg-area'] }, 'paint': { 'fill-color': [ 'case', ['==', ['get', 'tamanho'], 'g' ], 'rgba(155, 155, 155, 0.8)', // grey 'rgba(255, 255, 255, 0.9)' // fallback white ], 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, firstSymbolId); map.addLayer({ 'id': 'fires2020', 'type': 'heatmap', 'maxzoom': 10, 'source': 'fires2020', 'source-layer': '2020fires', 'paint': { 'heatmap-weight': 0.8, // increase intensity as zoom level increases 'heatmap-intensity': { stops: [ [2, 0.1], [7, 1] ] }, // Color ramp for heatmap. Domain is 0 (low) to 1 (high). 'heatmap-color': ['interpolate', ['linear'], ['heatmap-density'], 0, 'rgba(255,241,56,0)', 0.2, 'rgba(38,35,2,0.4)', 1, 'rgb(209,11,6)' ], // Adjust the heatmap radius by zoom level 'heatmap-radius': ['interpolate', ['linear'], ['zoom'], 0, 1, 4, 8 ], 'heatmap-opacity': 0, 'heatmap-opacity-transition': { duration: 2000 } } }, firstSymbolId); map.addLayer({ 'id': 'deforestation-2020', 'type': 'fill', 'maxzoom': 10, 'source': 'deforestation-2020', 'source-layer': 'deforestation2020', 'paint': { 'fill-color': 'rgb(252,240,151)', 'fill-opacity': 0, 'fill-opacity-transition': { duration: 1200 } } }, firstSymbolId); map.on('mousemove', 'fogos-por-municipio', function(e) { if (map.getPaintProperty('fogos-por-municipio', 'fill-opacity') !== 0) { map.getCanvas().style.cursor = 'pointer'; } if (map.getPaintProperty('fogos-por-municipio', 'fill-opacity') !== 0) { if (e.features[0].properties['2019areakm'] && e.features[0].properties.NUMPOINTS) { popup .setLngLat(e.lngLat) .setHTML('

' + e.features[0].properties.NM_MUNICIP + '

' + d3.format(",")(e.features[0].properties.NUMPOINTS) + ' fogos

' + '

' + d3.format(",.5r")(e.features[0].properties['2019areakm']) + ' km2 desmatados

') .addTo(map); } else if (e.features[0].properties['2019areakm']) { popup .setLngLat(e.lngLat) .setHTML('

' + e.features[0].properties.NM_MUNICIP + '

' + d3.format(",.5r")(e.features[0].properties['2019areakm']) + ' km2 desmatados

' + '

dados de fogos

não disponíveis

') .addTo(map); } else if (e.features[0].properties.NUMPOINTS) { popup .setLngLat(e.lngLat) .setHTML('

' + e.features[0].properties.NM_MUNICIP + '

' + d3.format(",")(e.features[0].properties.NUMPOINTS) + ' fogos

' + '

dados de desmatamento

não disponíveis

') .addTo(map); } else { popup .setLngLat(e.lngLat) .setHTML('

dados não disponíveis

') .addTo(map); } } }); // When the mouse leaves the state-fill layer, update the feature state of the // previously hovered feature. map.on('mouseleave', 'fogos-por-municipio', function() { map.getCanvas().style.cursor = ''; popup.remove(); }); filterFires(3, map); filterDeforestation(3, map); // disable map zoom when using scroll unless CTRL is pressed map.on("wheel", event => { if (event.originalEvent.ctrlKey) { // Check if CTRL key is pressed event.originalEvent.preventDefault(); // Prevent chrome/firefox default behavior if (!map.scrollZoom._enabled) map.scrollZoom.enable(); // Enable zoom only if it's disabled } else { if (map.scrollZoom._enabled) map.scrollZoom.disable(); // Disable zoom only if it's enabled } }); // disable map rotation using right click + drag map.dragRotate.disable(); //Timeout shoud be within the map load function setTimeout(function() { map.setPaintProperty('fires', 'heatmap-opacity', ['interpolate',['linear'],['zoom'],7,1,9,0]); }, 1); }); document .getElementById('slider') .addEventListener('input', function(e) { const year = parseInt(e.target.value, 10); filterFires(year, map); }); document .getElementById('slider2') .addEventListener('input', function(e) { const year = parseInt(e.target.value, 10); filterDeforestation(year, map); }); const chapterNames = Object.keys(chapters); let activeChapterName = 'fires'; let newChapterName = 'fires'; /* Update content on scroll */ document.querySelector('#text-boxes-container').addEventListener("scroll", e => { for (var i = 0; i < chapterNames.length; i++) { let chapterName = chapterNames[i]; if (isElementOnScreen(chapterName, container)) { setActiveChapter(chapterName, activeChapterName, map); newChapterName = chapterName; setTimeout(updateFiresLayer(chapterName, map), 1500) break; } } activeChapterName = newChapterName; }); invalidation.then(() => map.remove()); }38:T512,chapters = ({ 'fires': { mapView: { center: [-53.68, -4], zoom: 5, pitch: 0 }, layers: ['fires'] }, 'deforestation': { mapView: { duration: 6000, center: [-53.68, -4], zoom: 6, pitch: 0 }, layers: ['deforestation', 'deforestation2'] }, 'fires-over-deforestation': { mapView: { duration: 5000, center: [-53.68, -4], zoom: 6, pitch: 0 }, layers: ['fires', 'deforestation'] }, 'fogos-e-desmatamento-por-municipio': { mapView: { duration: 6000, center: [-53.68, -4], zoom: 4, pitch: 0 }, layers: ['fogos-por-municipio', 'desmatamento-por-municipio', 'municipios-outline'] }, 'fires-by-size-of-property': { mapView: { duration: 6000, center: [-51.5, -6.9], // zoomed next to Altamira, PA zoom: 6, pitch: 0 }, layers: ['fires', 'fires-per-property-type', 'municipios-outline', 'UCs'] }, '2020-deforestation': { mapView: { duration: 6000, center: [-54, -7.6], // zoomed into Altamira, PA zoom: 4.5, pitch: 0 }, layers: ['deforestation-2020', 'fires2020'] } });39:T549,function setActiveChapter(chapterName, activeChapterName, map) { if (chapterName === activeChapterName) return; /* change map view with chapter view */ map.flyTo(chapters[chapterName].mapView); const activeLayers = chapters[chapterName].layers; const otherLayers = Object.keys(layerOpacityProps).filter(layerName => !activeLayers.includes(layerName)); for (const layer of otherLayers) { if (map.getLayer(layer) && layerOpacityProps[layer]) map.setPaintProperty(layer, layerOpacityProps[layer], 0); }; for (const activeLayer of activeLayers) { if (map.getLayer(activeLayer) && layerOpacityProps[activeLayer]) { if (activeLayer == 'fogos-por-municipio' || activeLayer == 'desmatamento-por-municipio') { map.setPaintProperty(activeLayer, layerOpacityProps[activeLayer], 0.5); } else { map.setPaintProperty(activeLayer, layerOpacityProps[activeLayer], 1); } } } document.getElementById(activeChapterName).setAttribute('class', ''); document.getElementById(activeChapterName + '-legend').setAttribute('class', ''); document.getElementById(chapterName + '-legend').setAttribute('class', 'currentlegend'); setTimeout(function(){ document.getElementById(chapterName).setAttribute('class', 'active'); }, 2000); }3a:T12dd,styles = html` `3b:[{"id":"15efd91760d0d4e41178e1df9623331b6bf519122ff44ff6837e776471a1d4c58f035eafc13b2c66112dbb79f0a1d4dcea50bbfd2609ac5f79ce74b3b60fb3e5","href":"https://static.observableusercontent.com/files/15efd91760d0d4e41178e1df9623331b6bf519122ff44ff6837e776471a1d4c58f035eafc13b2c66112dbb79f0a1d4dcea50bbfd2609ac5f79ce74b3b60fb3e5","name":"alphabet.csv","type":"text/csv","lastModified":1593395774352.795,"size":275}] 31:{"id":"549de191f1eb4950","slug":"scrolly-story","title":"Fire and Deforestation in the Amazon Rainforest, 2019","thumbnail":"4811cdfd6d0fba6cc9eabb65a323bebc865aaa41eb23508962fcd458e9003a92","access_level":"public","create_time":"$D2020-05-05T19:10:34.428Z","update_time":"$D2020-10-15T15:08:20.821Z","view_time":null,"first_public_time":"$D2020-05-05T23:59:33.316Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"663d240439a14d4d","login":"laurakurtzberg","name":"Laura J Kurtzberg","avatar_url":"https://avatars-next.observableusercontent.com/c8ff4a0ede9bf563a712b76b1e0bb0053921c531520fefe04389f96512830e2f","tier":"starter_2024"},"version":3071,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f4227b988b6ac32","login":"laurakurtzberg","name":"Laura J Kurtzberg","avatar_url":"https://avatars-next.observableusercontent.com/c8ff4a0ede9bf563a712b76b1e0bb0053921c531520fefe04389f96512830e2f","tier":null}],"members":[{"type":"individual","id":"5f4227b988b6ac32","login":"laurakurtzberg","name":"Laura J Kurtzberg","avatar_url":"https://avatars-next.observableusercontent.com/c8ff4a0ede9bf563a712b76b1e0bb0053921c531520fefe04389f96512830e2f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Fire and Deforestation in the Amazon Rainforest, 2019","cells":[{"id":0,"value":"md`\n# Fire and Deforestation in the Amazon Rainforest, 2019\n\nNote: if you see errors or you cannot see the bar charts, try holding SHIFT and reloading this page\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"container_height = 750;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"years = [\n 2016,\n 2017,\n 2018,\n 2019];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1262,"value":"/* fire count values in August of each year */\nmutable firevalues = [\n {\n \"index\": 2016,\n \"value\": 18340,\n \"prev\": 20471,\n \"change\": -0.10409848077768546\n },\n {\n \"index\": 2017,\n \"value\": 21244,\n \"prev\": 18340,\n \"change\": 0.1583424209378408\n },\n {\n \"index\": 2018,\n \"value\": 10421,\n \"prev\": 21244,\n \"change\": -0.5094614950103559\n },\n {\n \"index\": 2019,\n \"value\": 30900,\n \"prev\": 10421,\n \"change\": 1.9651664907398523\n }\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1249,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1756,"value":"mutable firevalues2020 = [\n {\"index\": 2018, \"value\": 76330, \"position\": 4},\n {\"index\": 2019, \"value\": 89176, \"position\": 5},\n {\"index\": 2020, \"value\": 14706, \"position\": 6},\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1346,"value":"mutable deforestationvalues = [\n {\"index\": 2016, \"value\": 7893},\n {\"index\": 2017, \"value\": 6947},\n {\"index\": 2018, \"value\": 7536},\n {\"index\": 2019, \"value\": 10129},\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1352,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2717,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2663,"value":"md`legend for fire density layers:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2050,"value":"legend({\n color: d3.scaleLinear([0, 0.5, 1], ['rgba(49, 67, 68, 1)', 'rgba(102, 26, 4, 1)', 'rgba(209,11,6,1)'])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2666,"value":"md`legend for municipalities bivariate choropleth map:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2684,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":748,"value":"layerOpacityProps = ({\n 'fires': 'heatmap-opacity',\n 'deforestation': 'fill-opacity',\n 'municipios-outline': 'line-opacity',\n 'fires-per-property-type': 'fill-opacity',\n 'fogos-por-municipio': 'fill-opacity',\n 'desmatamento-por-municipio': 'fill-opacity',\n 'fires-top-10-by-size': 'fill-opacity',\n 'deforestation-2020': 'fill-opacity',\n 'fires2020': 'heatmap-opacity',\n 'UCs': 'fill-opacity'\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2493,"value":"function updateFiresLayer(chapterName, map) {\n if (chapterName != 'fires') {\n const slider = document.getElementById('slider');\n const value = parseInt(slider.value, 10);\n if (value != 3) {\n filterFires(3, map);\n slider.value = 3;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"function isElementOnScreen(id, container) {\n const element = document.getElementById(id);\n const bounds = element.getBoundingClientRect();\n const containerBounds = container.getBoundingClientRect();\n const containerMidpoint = containerBounds.top + containerBounds.height / 2;\n return (bounds.top < containerMidpoint) && (bounds.bottom > containerMidpoint + 100);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"function filterFires(yearIndex, map) {\n const year = years[yearIndex];\n\n const filters = ['==', 'ano', year.toString()];\n map.setFilter('fires', filters);\n \n // Set the labels to the year\n document.getElementById('yearlegend').textContent = year;\n document.getElementById('year').textContent = year;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"function filterDeforestation(yearIndex, map) {\n const year = years[yearIndex];\n\n const filters = ['==', 'YEAR', year];\n map.setFilter('deforestation', filters);\n \n // Set the label to the year\n document.getElementById('year2').textContent = year;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1.11\");\n if (!gl.accessToken) {\n gl.accessToken = \"pk.eyJ1IjoibGF1cmFrdXJ0emJlcmciLCJhIjoiY2tha2U0ODZyMDZjdTJzbGdneGdob2pxdCJ9.JgJfkOF3zO9oQ_01g-_r2A\";\n const href = await require.resolve(\"mapbox-gl@1.11/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n \n //append google font while we're at it\n const href2 = await require.resolve(\"https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&family=Nunito&display=swap\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"d3 = require(\"d3@5\", \"d3-format\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2027,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1245,"value":"alphabet = d3.csvParse(await FileAttachment(\"alphabet.csv\").text()) // about file attachments https://observablehq.com/@observablehq/file-attachments","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1252,"value":"// load the Vega-Embed library\nvegaEmbed = require(\"vega-embed\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 32:"$31:body"