3e:null 3f:["$","title",null,{"children":"Fuegos en Cantabria | Raúl Díaz Poblete | Observable"}] 45:T463,chart = { const svg = d3.select(DOM.svg(width, height)) .style("font", "11px sans-serif"); const g = svg.append("g") .selectAll("g") .data(dataByYear) .enter().append("g") .attr("transform", (d, i) => `translate(0, ${(i * (step + 1)) + margin.top})`); g.append("g") .selectAll("circle") .data(d => d.values.sort((a, b) => b.value - a.value)) .enter().append("circle") .attr("cx", d => x(new Date(2000, d.date.split('-')[1]-1, d.date.split('-')[2]))) .attr("cy", d => step / 2) .attr("r", d => radius(d.value)) .attr("opacity", 0.5) .attr("fill", d => ((d.causa === '2' && (+d.causa_desc >= 20 && +d.causa_desc < 30)) || (d.causa === '4' && d.causa_desc === '2')) ? "#F16914" : "#999") g.append("rect") .attr("x", margin.left) .attr("y", step / 2) .attr("width", width - margin.right) .attr("height", 1) .attr("opacity", 0.15) g.append("text") .attr("x", margin.left + 2) .attr("y", 13 + (step / 2)) .text(d => (+d.key%2 === 1) ? d.key : '') svg.append("g") .call(xAxis) return svg.node() }46:T78b,chart2 = { const heightRatio = 1 const stepHeight = (maxFires * heightRatio) + 2 const chart2Height = (stepHeight * (currentDataByDay.length+1)) + 1 const svg = d3.select(DOM.svg(width, chart2Height)) .style("font", "11px sans-serif") svg.append("rect") .attr("x", x(formatDate(highlight.start))) .attr("y", margin.top) .attr("width", x(formatDate(highlight.end)) - x(formatDate(highlight.start))) .attr("height", chart2Height - margin.top) .attr("fill", "lightyellow") .attr("opacity", .8) const g = svg.append("g") .selectAll("g") .data(currentDataByDay) .enter().append("g") .attr("transform", (d, i) => `translate(0, ${(i * (stepHeight + 1)) + margin.top})`) g.append("g") .selectAll("rect") .data(d => d.values) .enter().append("rect") .attr("x", d => x(formatDate(d.key))) .attr("y", d => stepHeight - heightRatio * d.value.fires) // maxFires / 2 - 2 * d.value.fires) .attr("width", 2) .attr("height", d => heightRatio * d.value.fires) .attr("fill", "#aaa") g.append("g") .selectAll("rect") .data(d => d.values) .enter().append("rect") .attr("x", d => x(formatDate(d.key))) .attr("y", d => stepHeight - heightRatio * d.value.fires_pastos) // maxFires / 2 - 2 * d.value.fires) .attr("width", 2) .attr("height", d => heightRatio * d.value.fires_pastos) .attr("fill", "rgba(228,26,28,1)" ) g.append("rect") .attr("x", margin.left) .attr("y", stepHeight) .attr("width", width - margin.right) .attr("height", 1) .attr("opacity", 0.15) g.append("text") .attr("x", margin.left + 2) .attr("y", 15) .text(d => `${d.key} (${d3.sum(d.values, (e) => e.value.fires)})`) //.text(d => (+d.key%2 === 1) ? `${d.key} (${d3.sum(d.values, (e) => e.value.fires)})` : '') svg.append("g") .call(xAxis) return svg.node() }47:T5ae,{ const firesHighlight = data.filter((d) => d.month > 1 && d.month < 4).length const cantabriaFires = 7998 const cantabriaSurface = 105737 const cantabriaFiresPastos = 5777 const top5FiresPastos = 1693 return md `En estos municipios se han producido **${data.length} incendios** entre 2001 y 2015 (una media de ${Math.round(data.length / 5 / 15)} incendios y ${Math.round(38258 / 5 / 15)} hectáreas quemadas por municipio y año). El **${Math.round(100 * firesHighlight / data.length)}% de los fuegos** se ha producido en los meses de **Febrero y Marzo**. | | Nº Incendios | Superficie quemada | |---|-------------:|------------:| |**Total Cantabria**|${cantabriaFires}|${cantabriaSurface} Ha| |originados por quema de pastos|${cantabriaFiresPastos}
(${Math.round(100*cantabriaFiresPastos/cantabriaFires)}%)|| |**Top 5 municipios**|${data.length}
(${Math.round(100*data.length/cantabriaFires)}%)|38258 Ha
(${Math.round(100*38258/cantabriaSurface)}%)| |originados por quema de pastos|${top5FiresPastos}
(${Math.round(100*top5FiresPastos/data.length)}%)|| | | | En el conjunto de España los incendios originados por la quema para regenerar pastos representan son sólo el ${Math.round(100 * 30715 / 239077)}% de todos los incendios` }48:[] 43:{"id":"7067ae95853f3be1","slug":"fuegos-en-cantabria","title":"Fuegos en Cantabria","thumbnail":"4f415e1f78199a804ce16be40f076ce52164ded290688649cf41e2ea7640570a","access_level":"public","create_time":"$D2018-08-01T15:03:15.023Z","update_time":"$D2019-06-06T16:55:14.634Z","view_time":null,"first_public_time":"$D2018-09-20T09:21:42.544Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"e4939c73ea0bd36a","login":"rauldiazpoblete","name":"Raúl Díaz Poblete","avatar_url":"https://avatars-next.observableusercontent.com/32042094568512914718b667cebdb697fb6cf26c5312557f57f1096210f9c3fb","tier":"starter_2024","bio":""},"version":656,"publish_version":656,"role":null,"authored":false,"authors":[{"type":"individual","id":"1f48dd9cf7f3ab4e","login":"rauldiazpoblete","name":"Raúl Díaz Poblete","avatar_url":"https://avatars-next.observableusercontent.com/32042094568512914718b667cebdb697fb6cf26c5312557f57f1096210f9c3fb","tier":null,"bio":""}],"members":[{"type":"individual","id":"1f48dd9cf7f3ab4e","login":"rauldiazpoblete","name":"Raúl Díaz Poblete","avatar_url":"https://avatars-next.observableusercontent.com/32042094568512914718b667cebdb697fb6cf26c5312557f57f1096210f9c3fb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"3263df7d29cb1ae1","slug":"incendios-en-cantabria","title":"Incendios en Cantabria","owner":{"id":"e4939c73ea0bd36a","login":"rauldiazpoblete","name":"Raúl Díaz Poblete"}},"type":"notebook","body":{"titling":"auto","title":"Fuegos en Cantabria","cells":[{"id":0,"value":"md`# Fuegos en Cantabria\nDistribución temporal de los fuegos en los 5 municipios de Cantabria con mayor superficie relativa quemada de forma recurrente entre 2001 y 2015 (Selaya, Vega de Pas, Arredondo,\nCabuérniga y Los Tojos).\n\nCada fuego está representado con un círculo cuyo tamaño equivale a su superficie quemada. \nEn naranja los fuegos originados por la quema para regenerar pastos y en gris el resto de fuegos.\n\nPublicado en Civio: [El interior de Cantabria que arde cada invierno](https://civio.es/espana-en-llamas/2018/09/20/el-interior-de-cantabria-que-arde-cada-invierno)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"md`## Fuegos por superficie quemada`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"viewof maxRadius = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"md`## Fuegos por días`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"viewof municipio = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"serialize = {\n const xmlns = \"http://www.w3.org/2000/xmlns/\";\n const xlinkns = \"http://www.w3.org/1999/xlink\";\n const svgns = \"http://www.w3.org/2000/svg\";\n return function serialize(svg) {\n svg = svg.cloneNode(true);\n svg.setAttributeNS(xmlns, \"xmlns\", svgns);\n svg.setAttributeNS(xmlns, \"xmlns:xlink\", xlinkns);\n const serializer = new window.XMLSerializer;\n const string = serializer.serializeToString(svg);\n return new Blob([string], {type: \"image/svg+xml\"});\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"height = dataByYear.length * (step + 1) + margin.top + margin.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"step = 2.5 * maxRadius","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"maxFires = d3.max(dataByDay, (d) => d3.max(d.values, (e) => e.value.fires))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"maxFiresCurrent = d3.max(currentDataByDay, (d) => d3.max(d.values, (e) => e.value.fires))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"highlight = {\n return {\n start: \"2001-02-01\",\n end: \"2001-03-31\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"margin = ({top: 20, right: maxRadius, bottom: 0, left: maxRadius})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"x = d3.scaleUtc()\n .domain([new Date(2000, 0, 1), new Date(2000, 11, 31)])\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"radius = d3.scalePow()\n .exponent(0.5)\n .domain([0, d3.max(dataByYear, d => d3.max(d.values, d => d.value))])\n .range([1, maxRadius])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"colors = {\n return {\n '1': 'rgba(77,175,74,1)',\n '2': 'rgba(255,127,0,1)',\n '3': 'rgba(255,127,0,1)',\n '4': 'rgba(228,26,28,1)',\n '5': 'rgba(55,126,184,1)',\n '6': 'rgba(152,78,163,1)'\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"timeFormatLocale = d3.timeFormatLocale({\n dateTime: \"%x, %X\",\n date: \"%-m/%-d/%Y\",\n time: \"%-I:%M:%S %p\",\n periods: [\"AM\", \"PM\"],\n days: [\"Domingo\", \"Lunes\", \"Martes\", \"Miércoles\", \"Jueves\", \"Viernes\", \"Sábado\"],\n shortDays: [\"Dom\", \"Lun\", \"Mar\", \"Mi\", \"Jue\", \"Vie\", \"Sab\"],\n months: [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"],\n shortMonths: [\"Ene\", \"Feb\", \"Mar\", \"Abr\", \"May\", \"Jun\", \"Jul\", \"Ago\", \"Sep\", \"Oct\", \"Nov\", \"Dic\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"xAxis = g => g\n .call(d3.axisTop(x).ticks(16).tickSize(-height).tickFormat(timeFormatLocale.format(\"%b\")))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\".tick line\").attr('opacity', .5))\n .call(g => g.selectAll(\".tick text\").attr('x', 3).attr('y', 8).style('text-anchor', 'start'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"parseDate = d3.timeParse('%Y-%m-%d')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"formatDate = (date) => {\n let dateItems = date.split('-')\n return new Date(2000, dateItems[1]-1, dateItems[2])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"filterCause = d => (d.causa === '2' && (+d.causa_desc >= 20 && +d.causa_desc < 30)) || (d.causa === '4' && d.causa_desc === '2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"data = await d3.csv('https://data.civio.es/espanaenllamas/cantabria/fires-hotpoints-cantabria-top-5.csv', ({id, superficie, fecha, municipio, causa, causa_desc}) => ({id, date: fecha, year: +parseDate(fecha).getFullYear(), month: +parseDate(fecha).getMonth()+1, value: +superficie, name: municipio, causa, causa_desc}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"dataByYear = d3.nest()\n .key(d => d.year)\n .entries(data)\n .map(d => (d.sum = d3.sum(d.values, d => d.value), d))\n .sort((a, b) => a.key - b.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"dataByDay = d3.nest()\n .key(d => d.year)\n .key(d => d.date)\n .rollup(d => {\n return {\n fires: d.length,\n fires_pastos: d.filter(filterCause).length\n }\n })\n .entries(data)\n //.entries(data.filter(filterCause)) // sólo fuegos para regenerar pastos (intencionados o negligencias)\n .sort((a, b) => a.key - b.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"dataByDayMunicipality = d3.nest()\n .key(d => d.name)\n .key(d => d.year)\n .key(d => d.date)\n .rollup(d => {\n return {\n fires: d.length,\n fires_pastos: d.filter(filterCause).length\n }\n })\n .entries(data)\n //.entries(data.filter(filterCause)) // sólo fuegos para regenerar pastos (intencionados o negligencias)\n .sort((a, b) => a.key - b.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"currentDataByDay = {\n if (municipio === \"all\") {\n return dataByDay\n } else {\n return dataByDayMunicipality.filter(d => d.key === municipio)[0].values.sort((a, b) => a.key - b.key)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"