2e:null 2f:["$","title",null,{"children":"Com quase 75 mil casos violência doméstica em 9 anos, Fortaleza concentra 46% das ocorrências registradas no Ceará | Alexandre R. Cajazeira Ramos | Observable"}] 34:T170b, chart = { const logo_DATADOC = 'https://user-images.githubusercontent.com/43644247/146580519-72b35450-f95d-4753-a874-54451625957e.png'; let width = SVGwidth; var active = d3.select(null); var svg = d3.select( DOM.svg(width, height) ).attr("width",width) .attr("height",height) var myimage = svg.append('image') .attr('xlink:href', logo_DATADOC) .attr('width', 150) .attr('height', height*0.2) .attr('y', height*0.85) const projection = d3.geoMercator() .fitSize([width, height*0.9], AIS_Fortaleza); const path = d3.geoPath() .projection(projection); const zoom = d3.zoom() .scaleExtent([1, 15]) .translateExtent([[-(2 * width), -(1.5 * height)], [2 * width, 1.5 * height]]) .on("zoom", zoomed) // .on("wheel", null) ; const bar = svg.append("rect") .attr("width", width) .attr("height", height) .attr("opacity", 0.05) .attr('fill', 'red') .on("click", reset) var gMap = svg.append("g") .style("stroke-width", "1.5px") .attr("transform", "translate(0,"+(height*0.1)+")"); const AIS = gMap.append("g") .attr("fill", "#005ce6") .attr("cursor", "pointer") .selectAll("path") .data(AIS_Fortaleza.features) .join("path") .attr("class", "AIS") .attr("id", function(d){return "e"+d.properties.GID}) .attr("stroke-width", 2) .attr("opacity", 1) .attr("stroke", "black") .attr("fillOpacity", 1) .attr("fill", d => { const num = +d.properties.NOME.substr(3,3); return colorScale(qtd_by_AIS.get(num)); }) .attr("d", path) .append("title") .text(d => `${d.properties.NOME} - ${qtd_by_AIS.get(+d.properties.NOME.substr(3,3))} casos de violência doméstica`); const margin = { top: 50, right: 50, bottom: 90, left: 80 }; const innerWidth = width - margin.left - margin.right; const innerHeight = height - margin.top - margin.bottom; const xScale = d3.scaleLinear() .domain([0, d3.max(qtd_by_AIS.values())]) .range([0, innerWidth]); const yScale = d3.scaleBand() .domain(['AIS 1:','AIS 2:','AIS 3:','AIS 4:','AIS 5:','AIS 6:','AIS 7:','AIS 8:','AIS 9:','AIS 10:','AIS 11:','AIS 12:' ]) // .domain( .range([0, innerHeight]) .padding(0.2); const yScaleValues = d3.scaleBand() .domain(qtd_by_AIS.values()) .range([0, innerHeight]) .padding(0.2); const gChart = svg.append('g') .attr('transform', `translate(${margin.left},${margin.top})`); const xAxisTickFormat = number => d3.format('d')(number); const xAxis = d3.axisBottom(xScale) .tickFormat(xAxisTickFormat) .tickSize(-innerHeight); const yAxis = gChart.append('g') .call(d3.axisLeft(yScale)) .selectAll('.domain, .tick line') .remove(); const yAxisValues = gChart.append('g') .attr('transform', 'translate(70,0)') .call(d3.axisLeft(yScaleValues)) .selectAll('.domain, .tick line') .remove(); const xAxisG = gChart.append('g').call(xAxis) .attr('transform', `translate(0,${innerHeight})`); const xAxisLabel = xAxisG.append('text') .attr('class', 'axis-label') .attr('y', 50) .attr('x', innerWidth / 2) .attr('fill', 'black') .text("Número de registros de violência doméstica por AIS"); xAxisG.select('.domain').remove(); gChart.selectAll('rect').data(qtd_by_AIS) .enter().append('rect') .attr('y', d => yScale('AIS '+d[0]+':')) .attr('width', d => xScale(d[1])) .attr('height', yScale.bandwidth()) .attr('fill', d=> colorScale(d[1])) .attr("stroke-width", 1) .attr("opacity", 1) .attr("stroke", "black") .append("title") .text(d => `AIS ${d[0]} - ${d[1]} casos de violência doméstica`); controlView(0, 1); // gChart.style('opacity',0); xAxisG.style('opacity',0); xAxisLabel.style('opacity',0); function controlView(c, delay) { if(c == 1){ d3.selectAll('.AIS') .transition() .duration(delay) .attr('opacity', 0); yAxisValues.attr('transform', 'translate(70,20)') gChart.selectAll('rect') .transition() .duration(delay) .attr('width', d => xScale(d[1])); // .attr('opacity', 1); xAxisG.style('opacity',1); xAxisLabel.style('opacity',1); ; } else{ d3.selectAll('.AIS') .transition() .duration(2000) .attr('opacity', 1) xAxisLabel.style('opacity',0); xAxisG.style('opacity',0); gChart.selectAll('rect') .transition() .duration(2000) // .attr('opacity', 0); .attr('width', 25); } } function zoomed(event) { const {transform} = event; gMap.attr("transform", transform); gMap.attr("stroke-width", 1 / transform.k); } function reset() { // bairros.transition().style("fill", null); svg.transition().duration(1500).call( zoom.transform, d3.zoomIdentity.translate(0, height*0.1), d3.zoomTransform(svg.node()).invert([width / 2, (height) / 2]) ); } if(ZoomControl){ svg.call(d3.zoom() .extent([[0, 0], [width, height]]) .scaleExtent([-2, 10]) .on("zoom", zoomed)); function zoomed({transform}) { gMap.attr("transform", transform); } } if(WheelZoom){ svg .call(zoom) .on("wheel.zoom", null) .on('touchmove.zoom', null) } return Object.assign(svg.node(), { zoomIn: () => svg.transition().call(zoom.scaleBy, 2), zoomOut: () => svg.transition().call(zoom.scaleBy, 0.5), zoomReset: reset, controlView: (c) => controlView(c,2000), }); } 35:[{"id":"f7cad926d8c54c9113e88c67a01f4e0ee53e2706300d558fbed0ae710a168f5584718acb109a6a2cbf9bf60d71392ff1bec391846c998490c89a80b31c7cc0d3","href":"https://static.observableusercontent.com/files/f7cad926d8c54c9113e88c67a01f4e0ee53e2706300d558fbed0ae710a168f5584718acb109a6a2cbf9bf60d71392ff1bec391846c998490c89a80b31c7cc0d3","name":"resumo_ais_ano.csv","type":"text/csv","lastModified":1639745484608.69,"size":5399},{"id":"d6cad83c0d3b83d5d7a088c8caf804c94f6f1a61203be55fcdf04e23f25fcf992dd21cf8a957ee10100d975717868bad0dda576c0a44f76d2d383e8a0e113148","href":"https://static.observableusercontent.com/files/d6cad83c0d3b83d5d7a088c8caf804c94f6f1a61203be55fcdf04e23f25fcf992dd21cf8a957ee10100d975717868bad0dda576c0a44f76d2d383e8a0e113148","name":"AIS_Fortaleza.geojson","type":"application/geo+json","lastModified":1639718500886.084,"size":487473}] 32:{"id":"f3038da31375e5b7","slug":"com-quase-75-mil-casos-violencia-domestica-em-9-anos-fortale","title":"Com quase 75 mil casos violência doméstica em 9 anos, Fortaleza concentra 46% das ocorrências registradas no Ceará","thumbnail":"e104fbf7b7032c33e6f6fe3ac3da0839bf0a839a9215787c9bbd65f50ae5f684","access_level":"public","create_time":"$D2021-12-17T05:21:26.135Z","update_time":"$D2021-12-17T18:43:25.347Z","view_time":null,"first_public_time":"$D2022-02-08T12:32:42.265Z","has_unpublished_edits":null,"fork":{"id":"245c50e8e9f0bbc2","slug":"focos-de-incendio-fortaleza-inpe","title":"Focos de incêndio identificados pelo INPE, em Fortaleza - CE, nos últimos 10 anos.","owner":{"id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/24092c234c1e156d4478bb8314522bb1b37a8ec8ee43d8a161f6931e7d8e6bed","tier":"starter_2024"},"version":2497,"publish_version":2497,"role":null,"authored":false,"authors":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null}],"members":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"6ad1142fbeacff4b","slug":"datadoc","title":"DATADOC / OPOVO","owner":{"id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos"}},"type":"notebook","body":{"title":"Com quase 75 mil casos violência doméstica em 9 anos, Fortaleza concentra 46% das ocorrências registradas no Ceará","cells":[{"id":1696,"value":"// title = md`# ${filteredTotal} (${Math.round(filteredTotal/total*100)}%) casos violência doméstica em Fortaleza e ${total-filteredTotal} (${Math.round((total-filteredTotal)/total*100)}%) em outras regiões do Estado, entre Janeiro de 2012 e Novembro de 2021\n\ntitle = md`# Com quase 75 mil casos violência doméstica em 9 anos, Fortaleza concentra ${Math.round(filteredTotal/total*100)}% das ocorrências registradas no Ceará \n\nEntre Janeiro de 2012 e Novembro de 2021, o estado registrou ${total} casos, ${filteredTotal} nas Áreas Integradas de Segurança localizadas na capital, como mostra o mapa: \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2234,"value":"controlButtons = {\n \n const form = html`\n \n \n`;\n form.map.onclick = () => chart.controlView(0);\n form.chart.onclick = () => chart.controlView(1);\n // bairro? form.goAt.onclick = () => chart.zoomAt():'' \n \n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2089,"value":"leg = Legend(colorScale, {\n title: \"Número de registros de violência doméstica por AIS\",\n tickFormat: \"d\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1907,"value":"fonte = md`*Fonte: Levantamento DATADOC com base na Lei de Acesso à Informação*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"zoomButtons = {\n \n const form = html`\n \n \n`;\n form.in.onclick = () => chart.zoomIn();\n form.out.onclick = () => chart.zoomOut();\n form.reset.onclick = () => chart.zoomReset();\n // bairro? form.goAt.onclick = () => chart.zoomAt():'' \n \n\n const form2 = html`

Ative o Controle de Zoom para os botões

`\n return ZoomControl?form:form2;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1176,"value":"viewof WheelZoom = checkbox({\n title: \"WheelZoom\",\n // description: \"Clique para permitir o Zoom no mapa\",\n options: [{ value: \"True\", label: \"Bloquear rolagem do mouse\" }],\n value: \"True\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":861,"value":"viewof ZoomControl = checkbox({\n title: \"Controle de Zoom\",\n // description: \"Clique para permitir o Zoom no mapa\",\n options: [{ value: \"True\", label: \"Zoom\" }],\n value: \"True\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"viewof TooltipControl = checkbox({\n title: \"Tooltip\",\n // description: \"Clique para permitir o Zoom no mapa\",\n options: [{ value: \"True\", label: \"Render tooltip\" }],\n value: \"True\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"viewof height = Inputs.range([100, 2000], {value: 400, step: 1, label: \"Height\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":673,"value":"viewof SVGwidth = Inputs.range([100, 2000], {value: width, step: 1, label: \"Width\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1636,"value":"viewof loopTime = Inputs.range([1, 10000], {value: 500, step: 10, label: \"Delay Animação\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1690,"value":"viewof loopControl = checkbox({\n // title: \"Loop na Animação?\",\n options: [{ value: \"True\", label: \"Loop na Animação?\" }],\n value: \"False\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1589,"value":"// viewof time = Scrubber(years, { delay: loopTime, format: d => \"Dados até: \"+ d, loop: loopControl})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1943,"value":"AIS_Fortaleza = FileAttachment(\"AIS_Fortaleza.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1972,"value":"dataPoints = {\nFileAttachment(\"resumo_ais_ano.csv\").csv()\n\n const dataRaw = d3.csvParse(await FileAttachment(\"resumo_ais_ano.csv\").text())\n dataRaw.forEach((d,i) => \n {\n d.numAIS = +d.AIS.substr(4,2);\n d.Ano = +d.Ano;\n d.Qtd = +d.Qtd;\n });\n return dataRaw;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2023,"value":"qtdExtent = \n// d3.extent(dataPoints, d=> d.Qtd)\nd3.extent(qtd_by_AIS.values())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2107,"value":"qtd_by_AIS = d3.rollup(filteredPoints, v => d3.sum(v, d => d.Qtd), d => d.numAIS)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2026,"value":"colorScale = d3.scaleQuantize(qtdExtent, d3.schemePurples[8])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1584,"value":"years = [2012, 2013, 2014, 2015, 2016,2017,2018,2019, 2020, 2021]\n// d3.scaleTime().range([2020, 2021]);\n // d3.timeYear\n // .range(dayExtent[0], dayExtent[1])\n // .map(d => d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1431,"value":"filteredPoints = dataPoints.filter(d => (d.numAIS <= 12))\n\n// (d.Ano <= time) && ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2180,"value":"\nreducer = (accumulator, curr) => accumulator + curr;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1377,"value":"style = {\n \n const vertical = false;\n const code = html`\n \n`\n return code\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2200,"value":"filteredTotal = filteredPoints.map(d=>d.Qtd).reduce(reducer)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2193,"value":"total = dataPoints.map(d=>d.Qtd).reduce(reducer)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":787,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1203,"value":"import {log} from '@sorig/console-log-without-leaving-your-notebook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1591,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":979,"value":"import {callout} from \"@cronaline/mexico-with-mercator-projection-and-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"import {autoSelect} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2085,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"