2c:null 2d:["$","title",null,{"children":"D3 - Biomas em cinzas - Focos de Queimadas no Brasil | T3L35 | Observable"}] 32:T880,html`

Vis do PPGCC UFCG - Teles Sales

Analisando o histórico de focos de queimadas no Brasil

A intenção deste Observable notebook é realizar uma breve análise sobre o histórico da quantidade de focos de queimadas no Brasil medido pelo INPE.

Objetiva-se aqui utilizar alguns recursos do D3.js na visualizações de dados para responder questionamentos sobre como e onde acontecem os focos de incêncio nos Biomas brasileiros.

De acordo com o WWF, World Wide Fund for Nature, uma das maiores áreas úmidas do mundo está ameaçada. O Pantanal sofre com as queimadas e um número incontável de animais já morreram. O fogo já destruiu uma área 17x maior do que as cidades do Rio de Janeiro e São Paulo juntas. Não deixe o Pantanal virar cinzas.

Contexto e breve descrição do dataset

O dataset utilizado aqui traz informações sobre tipos de biomas, e o quanto eles tem sido reportados com focos de incêndios desde Janeiro/1998 até Setembro/2020. Esses dados são utilizados no monitoramento de focos de queimadas, para que órgãos competentes sejam alertados onde concentra-se a maior parte dos incidentes. De posse destes dados as autoridades podem realizar a tomada de decisão.

MAS...

temos que os dados disponibilizados pelo INPE são brutos e não auxiliam na tarefa de enxergar como os incidentes tem acontecido, e aí que entra o papel do D3 em nos auxiliar a enxergar os dados de outras visões.

Descrição dos atributos do dataset

Alguns dos dados que podemos destacar são:

ano: numérico, que descreve o ano que foi realizada a coleta do dado. Valores: \[1998 a 2020\].
mes : categórico, classifica a medição de acordo com o mês da coleta. Categorias: \[Janeiro a Dezembro\]
bioma : categórico: classifica de acordo com o tipo de bioma. Categorias: \[Amazônia, Pampa, Caatinga, Mata Atlântica, Pantanal e Cerrado \]
focos : numérico: quantifica o número de ocorrências relatadas.

`33:[{"id":"91173f6425f374c51955a251eb29c4a5cad024c3c498c405b37376dd31d04f1350a796c6a520af601e87ec7ba02a1fb63e426a6ab4fe7479f0b6d008119a1a2a","href":"https://static.observableusercontent.com/files/91173f6425f374c51955a251eb29c4a5cad024c3c498c405b37376dd31d04f1350a796c6a520af601e87ec7ba02a1fb63e426a6ab4fe7479f0b6d008119a1a2a","name":"teste1.csv","type":"text/csv","lastModified":1601248569193.444,"size":636},{"id":"6e66e26a7ab9f0d203625512ec9f159edc8fefa0b38370f79f2fc267debe935dbd8cfe0e400305a67c851ce64df053540c01a51770613d3098e62a719da3539c","href":"https://static.observableusercontent.com/files/6e66e26a7ab9f0d203625512ec9f159edc8fefa0b38370f79f2fc267debe935dbd8cfe0e400305a67c851ce64df053540c01a51770613d3098e62a719da3539c","name":"teste2.csv","type":"text/csv","lastModified":1601256132256.369,"size":360}] 30:{"id":"63809b73ae1aa9de","slug":"d3-biomas-em-cinzas-focos-de-queimadas-no-brasil","title":"D3 - Biomas em cinzas - Focos de Queimadas no Brasil","thumbnail":"de5d9d15f939e9030a49a7061328537a46079ca8dff99f2362a8c8545622f50c","access_level":"public","create_time":"$D2020-09-27T12:18:58.731Z","update_time":"$D2020-09-28T02:24:25.706Z","view_time":null,"first_public_time":"$D2020-09-28T01:59:15.377Z","fork":{"id":"8242151966eac5fb","slug":"d3-hollywood-age-gap-atividade","title":"D3 - Hollywood Age Gap - Atividade","owner":{"id":"1f2c6bd35a10718f","login":"tlsgit","name":"T3L35"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1f2c6bd35a10718f","login":"tlsgit","name":"T3L35","avatar_url":"https://avatars-next.observableusercontent.com/a73185564e83b5b6e500c4d8e70253a9ab0dc783f6e830cfbb250636d3b89992","tier":"starter_2024"},"version":525,"publish_version":525,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bba73788a51f4ec","login":"tlsgit","name":"T3L35","avatar_url":"https://avatars-next.observableusercontent.com/a73185564e83b5b6e500c4d8e70253a9ab0dc783f6e830cfbb250636d3b89992","tier":null}],"members":[{"type":"individual","id":"0bba73788a51f4ec","login":"tlsgit","name":"T3L35","avatar_url":"https://avatars-next.observableusercontent.com/a73185564e83b5b6e500c4d8e70253a9ab0dc783f6e830cfbb250636d3b89992","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"D3 - Biomas em cinzas - Focos de Queimadas no Brasil","cells":[{"id":0,"value":"md`# D3 - Biomas em cinzas - Focos de Queimadas no Brasil`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":127,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":146,"value":"html`

Questionamentos sobre os dados

\n\n

b.1: Há padrão de repetição ao longo dos anos de focos serem maiores em um determinado mês, no Pantanal, (focando nos últimos 10 anos)?
b.2: Com os dados é possível notar que realmente o pantanal tem sido queimado mais que em comparação ao histórico?
b.3: Como se dá as distribuições dos focos em cada tipo de bioma ao longo de 2020?

\n\n\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":326,"value":"html`

Respondendo aos dois primeiros questionamentos

\n\n

Para responder as duas primeiras perguntas optou-se pela utilização de um gráfico normalizado horizontalmente de barras.

\n\n\n

Quanto ao primeiro questionamento b.1 podemos afirmar, de acordo com a vis a seguir, que o padrão de focos tem ocorrido primordialmente no intervalo de meses de abril até agosto, considerando-se apenas o ano de 2020. Este fato pode comprovar os recentes relatos jornalísticos quanto ao aumento das queimadas no Pantanal

\n\n

Aproveitando o gancho temos que o segundo questionamento b.2, a mesma vis nos mostra que é possível sim notar o aumento de destruição no Pantanal considerando o ano de 2020 em relação aos 10 anos passados. Nitidamente é possível perceber que a soma de focos de 2020 representa boa parcela dos focos totais em 10 anos. Ou seja, 2020 contribui fortemente para o aumento nos dados que relatam os focos.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":462,"value":"key = legend({title: \"Age (years)\", color, tickSize: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":382,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"overflow\", \"visible\");\n\n svg.append(\"g\")\n .selectAll(\"g\")\n .data(series)\n .enter().append(\"g\")\n .attr(\"fill\", d => color(d.key))\n .selectAll(\"rect\")\n .data(d => d)\n .join(\"rect\")\n .attr(\"x\", d => x(d[0]))\n .attr(\"y\", (d, i) => y(d.data.mes))\n .attr(\"width\", d => x(d[1]) - x(d[0]))\n .attr(\"height\", y.bandwidth())\n .append(\"title\")\n .text(d => `${d.data.mes} ${d.key}\n${formatPercent(d[1] - d[0])} (${formatValue(d.data[d.key])})`);\n\n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":89,"value":"html`

Respondendo ao terceiro questionamento

\n\n

Já para o terceiro questionamento que fala como se dá as distribuições dos focos em cada tipo de bioma ao longo de 2020. Temos um gráfico empilhado radial para demonstrar como se dá a contabilização de focos ao longo de 2020.

\n\n

Sabemos que o Pantanal está sofrendo bastante, mas temos relatados um número muito superior dos relatos da Amazônia, talvez pela sua extensão, histórica ação de grileiros e expansão agropecuária, esta sofre bem mais com queimadas, e houve grande intensificação principalmente nos meses de Agosto e Setembro.

\n\n

Um plus aqui é que podemos supor que tal aumento tem sido dado pela intensa estiagem histórica que os biomas brasileiros tem sofrido em 2020. Ou será que temos um reflexo da política de \"preservação\" ambiental que o atual Ministério do Meio ambiente aplica? Fica o questionamento de quem é o culpado por estes aumentos no nosso patrimônio ambiental.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":424,"value":"chart2 = {\n const svg = d3.select(DOM.svg(width, height2))\n .attr(\"viewBox\", `${-width2 / 2} ${-height2 / 2} ${width2} ${height2}`)\n .style(\"width\", \"100%\")\n .style(\"height\", \"auto\")\n .style(\"font\", \"10px sans-serif\");\n\n svg.append(\"g\")\n .selectAll(\"g\")\n .data(d3.stack().keys(data2.columns.slice(1))(data2))\n .join(\"g\")\n .attr(\"fill\", d => z(d.key))\n .selectAll(\"path\")\n .data(d => d)\n .join(\"path\")\n .attr(\"d\", arc);\n\n svg.append(\"g\")\n .call(xAxis2);\n\n svg.append(\"g\")\n .call(yAxis2);\n\n svg.append(\"g\")\n .call(legend2);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":426,"value":"data2 = d3.csvParse(await FileAttachment(\"teste2.csv\").text(), (d, _, columns) => {\n let total = 0;\n for (let i = 1; i < columns.length; ++i) total += d[columns[i]] = +d[columns[i]];\n d.total = total;\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":428,"value":"arc = d3.arc()\n .innerRadius(d => y2(d[0]))\n .outerRadius(d => y2(d[1]))\n .startAngle(d => x2(d.data.State))\n .endAngle(d => x2(d.data.State) + x2.bandwidth())\n .padAngle(0.01)\n .padRadius(innerRadius)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":430,"value":"x2 = d3.scaleBand()\n .domain(data2.map(d => d.State))\n .range([0, 2 * Math.PI])\n .align(0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":432,"value":"// This scale maintains area proportionality of radial bars\ny2 = d3.scaleRadial()\n .domain([0, d3.max(data2, d => d.total)])\n .range([innerRadius, outerRadius])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":434,"value":"z = d3.scaleOrdinal()\n .domain(data2.columns.slice(1))\n .range([\"#98abc5\", \"#8a89a6\", \"#7b6888\", \"#6b486b\", \"#a05d56\", \"#d0743c\", \"#ff8c00\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":436,"value":"xAxis2 = g => g\n .attr(\"text-anchor\", \"middle\")\n .call(g => g.selectAll(\"g\")\n .data(data2)\n .join(\"g\")\n .attr(\"transform\", d => `\n rotate(${((x2(d.State) + x2.bandwidth() / 2) * 180 / Math.PI - 90)})\n translate(${innerRadius},0)\n `)\n .call(g => g.append(\"line\")\n .attr(\"x2\", -5)\n .attr(\"stroke\", \"#000\"))\n .call(g => g.append(\"text\")\n .attr(\"transform\", d => (x2(d.State) + x2.bandwidth() / 2 + Math.PI / 2) % (2 * Math.PI) < Math.PI\n ? \"rotate(90)translate(0,16)\"\n : \"rotate(-90)translate(0,-9)\")\n .text(d => d.State)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":438,"value":"yAxis2 = g => g\n .attr(\"text-anchor\", \"middle\")\n .call(g => g.append(\"text\")\n .attr(\"y\", d => -y2(y2.ticks(5).pop()))\n .attr(\"dy\", \"-1em\")\n .text(\"Focos de Incêncio\"))\n .call(g => g.selectAll(\"g\")\n .data(y2.ticks(5).slice(1))\n .join(\"g\")\n .attr(\"fill\", \"none\")\n .call(g => g.append(\"circle\")\n .attr(\"stroke\", \"#000\")\n .attr(\"stroke-opacity\", 0.5)\n .attr(\"r\", y2))\n .call(g => g.append(\"text\")\n .attr(\"y\", d => -y2(d))\n .attr(\"dy\", \"0.35em\")\n .attr(\"stroke\", \"#fff\")\n .attr(\"stroke-width\", 5)\n .text(y2.tickFormat(5, \"s\"))\n .clone(true)\n .attr(\"fill\", \"#000\")\n .attr(\"stroke\", \"none\")))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":440,"value":"legend2 = g => g.append(\"g\")\n .selectAll(\"g\")\n .data(data2.columns.slice(1).reverse())\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(-40,${(i - (data2.columns.length - 1) / 2) * 20})`)\n .call(g => g.append(\"rect\")\n .attr(\"width\", 18)\n .attr(\"height\", 18)\n .attr(\"fill\", z))\n .call(g => g.append(\"text\")\n .attr(\"x\", 24)\n .attr(\"y\", 9)\n .attr(\"dy\", \"0.35em\")\n .text(d => d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":442,"value":"width2 = 975","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":444,"value":"height2 = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":446,"value":"innerRadius = 180","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":448,"value":"outerRadius = Math.min(width2, height2) / 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":383,"value":"// VIS 1\ndata = d3.csvParse(await FileAttachment(\"teste1.csv\").text(), (d, i, columns) => (d3.autoType(d), d.total = d3.sum(columns, c => d[c]), d)).sort((a, b) => b[\"<10\"] / b.total - a[\"<10\"] / a.total)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":385,"value":"// VIS 1\nseries = d3.stack()\n .keys(data.columns.slice(1))\n .offset(d3.stackOffsetExpand)\n (data)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":387,"value":"// VIS 1\nx = d3.scaleLinear()\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":389,"value":"// VIS 1\ny = d3.scaleBand()\n .domain(data.map(d => d.mes))\n .range([margin.top, height - margin.bottom])\n .padding(0.08)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":391,"value":"// VIS 1\ncolor = d3.scaleOrdinal()\n .domain(series.map(d => d.key))\n .range(d3.schemeSpectral[series.length])\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":393,"value":"// VIS 1\nxAxis = g => g\n .attr(\"transform\", `translate(0,${margin.top})`)\n .call(d3.axisTop(x).ticks(width / 100, \"%\"))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":395,"value":"// VIS 1\nyAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":397,"value":"// VIS 1\nformatPercent = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":399,"value":"// VIS 1\nformatValue = x => isNaN(x) ? \"N/A\" : x.toLocaleString(\"en\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":401,"value":"// VIS 1\nheight = data.length * 30 + margin.top + margin.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":403,"value":"// VIS 1\nmargin = ({top: 30, right: 10, bottom: 0, left: 60})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":405,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":407,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"