2e:null 2f:["$","title",null,{"children":"Templos religiosos por bairro de Fortaleza - Dados da Sefin | Alexandre R. Cajazeira Ramos | Observable"}] 34:T11fb,mapDiv = { selected_contribuinte; const container = html`

`; yield container; const map = L.map(container).setView(centro_map, mapZoom); // L.tileLayer("https://api.mapbox.com/styles/v1/cajazeiraramos/ckumpu6dj64gv19mw3es52qwo/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiY2FqYXplaXJhcmFtb3MiLCJhIjoiY2t1aWhlNGxlMHM1ZTJwbXg1NTl0eGFnYiJ9.fsmTcPSR244LBSvdDLVlTA", // { // // attribution: '© OpenStreetMap, © CARTO', // maxZoom: 18 // }).addTo(map); L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", { attribution: `© OpenStreetMap, Map tiles by © CARTO`, maxZoom: 18 }).addTo(map); map.scrollWheelZoom.disable(); let info = L.control();let legend = L.control({position: 'bottomleft'}); const geoj = L.geoJson(bairrosFortaleza, { style: style, onEachFeature: onEachFeature }); function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } function highlightFeature(e) { let layer = e.target; layer.setStyle({ weight: 4, color: 'black', dashArray: '', stroke: 2, fillOpacity: 1 }); info.update(layer.feature); }; function resetHighlight(e) { geoj.resetStyle(e.target); info.update(); } function onEachFeature(feature, layer) { layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, click: highlightFeature, // click: zoomToFeature // click: view }); } function style(feature) { return { weight: 1, opacity: 1, color: 'gray', dashArray: '3', fillOpacity: 0.8, fillColor: feature.taxa_templos>0?colorScale(feature.taxa_templos):'#ffffff', }; } if(title_vis == 'bairros'){ geoj.addTo(map); legend.onAdd = function (map) { const divLegenda = Legend(colorScale, { title: "Taxa de templos p/ 100 mil hab.", tickFormat: "d", marginRight: 0, }); // d3.select(divLegenda).attr('class','info'); return divLegenda; }; legend.addTo(map); }else{ dots.addTo(map); var bonds = dots.getBounds(); map.fitBounds(bonds); legend.onAdd = function (map) { var lista_html = ""; sortedCategorias.forEach(d => { const qtd = categorias_count.get(d), total = filteredPoints.length; lista_html += `

${d} (${qtd} templos | ${Math.round(qtd/total*100,2)}%)

` }); const div = html`

${lista_html}

` return div; }; legend.addTo(map); dots.on('mouseover', function (e) { info.update(e.layer); }); dots.on('mouseout', function () { info.update(); }); // dots.on('click',function (d) { // console.log(d.target.properties); // }); } info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); this.update(); return this._div; }; info.update = function (feat) { if(feat){ if(title_vis == 'bairros'){ const qtd_templos = bairros_count.get(feat.properties.NOME); this._div.innerHTML = '

'+feat.properties.NOME+'

' +''+(qtd_templos?qtd_templos:'0')+' templo(s); ' +'
'+feat.properties.TOTAL+' habitante(s);' +'
'+Math.round(feat.taxa_templos)+' templos/cem mil hab.' ; }else{ let templo = feat.options.data; this._div.innerHTML = '

'+templo.contribuinte+'

' +'Nº de estabelecimentos: ' + contribuintes_count.get(templo.contribuinte) +'
Religião: ' + templo.categoria +'
End: ' + templo.end ; } }else{ this._div.innerHTML = '

Templos Religiosos em Fortaleza

' + 'Passe o mouse sobre um bairro ou templo religioso'; } } info.addTo(map); }35:T7e5,fonte = { const fonte = htl.html`
Fonte: Levantamento DATADOC com base em dados da Sefin, obtidos via Lei de Acesso à Informação

` return fonte; }36:T8cb, // Source: https://observablehq.com/@john-guerra/multi-auto-select // just call list "options2": function multiAutoSelect2(config = {}) { const { value, title, description, disabled, autocomplete = "off", placeholder, size, options2, list = "options2" } = Array.isArray(config) ? { options2: config } : config; const optionsSet = new Set(options2); const form = input({ type: "text", title, description, attributes: { disabled }, action: fm => { const addSelectedOption = d => { const ele = html`${d} `; ele.querySelector("button").addEventListener("click", b => { console.log("delete", d); fm.value.splice(fm.value.indexOf(d), 1); renderSelection(); fm.dispatchEvent(new CustomEvent("input")); fm.input.focus(); }); return ele; }; function renderSelection() { fm.output.innerHTML = ""; for (let o of fm.value) { fm.output.appendChild(addSelectedOption(o)); } } fm.input.value = ""; fm.value = value || []; fm.onsubmit = e => e.preventDefault(); fm.input.oninput = function(e) { e.stopPropagation(); if ( optionsSet.has(fm.input.value) && fm.value.indexOf(fm.input.value) === -1 ) { fm.value.push(fm.input.value); renderSelection(); fm.input.value = ""; fm.dispatchEvent(new CustomEvent("input")); } }; renderSelection(); }, form: html` ` }); form.output.style["margin-left"] = "0px"; console.log(form) return form; }37:[{"id":"e11e6db092875e4bedd07cc2939d3c52ddb8d5b7a308474fe073839382169ba155b62f4a2d104b76eb2e1b3f370106040d3cb95be878c1b3eb333a545fa95498","href":"https://static.observableusercontent.com/files/e11e6db092875e4bedd07cc2939d3c52ddb8d5b7a308474fe073839382169ba155b62f4a2d104b76eb2e1b3f370106040d3cb95be878c1b3eb333a545fa95498","name":"dfCategorizados_bairros (3).csv","type":"text/csv","lastModified":1642442592754.204,"size":154375},{"id":"05b6c3cf350594c65eaf10d93d0a02a64e49a6cd2b9ec59a97d07e0833dbdfc0bdc1cbc364371a38f35c4217b2c5783bcf667555dc4c60be62dc09081b477b68","href":"https://static.observableusercontent.com/files/05b6c3cf350594c65eaf10d93d0a02a64e49a6cd2b9ec59a97d07e0833dbdfc0bdc1cbc364371a38f35c4217b2c5783bcf667555dc4c60be62dc09081b477b68","name":"bairrosFortaleza.geojson","type":"application/geo+json","lastModified":1642442500546.977,"size":1494344}] 32:{"id":"b3171e61483578e6","slug":"templos-religiosos-por-bairro-de-fortaleza-dados-da-sefin","title":"Templos religiosos por bairro de Fortaleza - Dados da Sefin","thumbnail":"02f2a8a553e3283f0eb79044abd233c2510cd2856b8845e3553860c2832caf59","access_level":"public","create_time":"$D2022-01-17T18:01:40.546Z","update_time":"$D2022-01-28T12:04:59.301Z","view_time":null,"first_public_time":"$D2022-01-17T18:58:26.249Z","has_unpublished_edits":null,"fork":{"id":"801a12b95634512a","slug":null,"title":"Projeto Credos da Cidade - Dados da Receita","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":1026,"publish_version":1026,"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":2,"collection":null,"type":"notebook","body":{"title":"Templos religiosos por bairro de Fortaleza - Dados da Sefin","cells":[{"id":0,"value":"# Templos religiosos por bairro de Fortaleza - Dados da Sefin","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":831,"value":"title = md`Mapa construído a partir dos dados de imunidade tributária da Sefin, obtidos via Lei de Acesso à Informação `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":753,"value":"viewof selecao_categorias = checkboxes({\n title: 'Selecione uma ou mais Religiões',\n // description: 'Selecione as categorias',\n options: [\n { value: \"a\", label: 'Católica Apostólica Romana' },\n { value: 'b', label: 'Evangélicas' },\n { value: 'c', label: 'Espírita' },\n { value: 'd', label: 'Outras religiosidades' },\n { value: 'e', label: 'Sem Definição' },\n ],\n value: [\"a\",'b','c','d','e']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"viewof title_vis = radio({\n title: 'Visualizar por:',\n // description: 'Selecione uma das opções de visualização',\n options: [\n { label: 'Bairros', value: 'bairros' },\n { label: 'Templos', value: 'pontos' },\n ],\n value: 'bairros'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"viewof selected_contribuinte = autoSelect({\n options: uniq_contribuintes,\n placeholder: \"Pesquise por Contribuinte. . .\",\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"viewof selected_bairros = multiAutoSelect2({\n options2: bairrosFortaleza.features.map(d => d.properties.bairro),\n placeholder: \"Escolha um ou mais bairros . . .\"\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":65,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":987,"value":"dots","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"dots = { \n const dotsLayerGroup = L.featureGroup();\n filteredPoints.forEach( function(d) {\n let dot = L.circle([d.lat, d.lng], 5, { data: d,\n color: temploColorScale(d.categoria),\n fillColor: temploColorScale(d.categoria), \n weight: 2.5,\n opacity: 0.8,\n radius: 25,\n fillOpacity: 0.5\n });\n if(selected_contribuinte== \"\" || selected_contribuinte.indexOf(d.contribuinte) != -1)\n dotsLayerGroup.addLayer(dot) \n })\n // const bounds = dotsLayerGroup.getBounds();\n return dotsLayerGroup;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"centro_map = [-3.775,-38.52];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"height = width/1.2;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"mapZoom = height>=500?12:10;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"mutable mapHeight = height;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"bairrosFortaleza = FileAttachment(\"bairrosFortaleza.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"taxa_templos = {\n var map = new Map();\n bairrosFortaleza.features.forEach(d => {\n d.taxa_templos = bairros_count.get(d.properties.NOME)?((bairros_count.get(d.properties.NOME)*100000)/d.properties.TOTAL):0;\n map.set(d.properties.NOME, d.taxa_templos);\n })\n return map;\n}\n\n// d3.map(bairrosFortaleza.features, d=> d.properties.TOTAL);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"sorted_bairros_taxa_templos = Array.from(taxa_templos).sort((a, b) => d3.descending(a[1], b[1])).map(d => d[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"idCNPJ = new Map();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"dataPoints = {\n\n const formatTime = d3.timeParse(\"%Y/%m/%d\");\n const formatDay = d3.timeParse(\"%d\");\n \n const dataRaw = d3.csvParse(await FileAttachment(\"dfCategorizados_bairros (3).csv\").text())\n \n dataRaw.forEach((d,i) => \n {\n d.lat = d.lat_gMaps;\n d.lng = d.lng_gMaps;\n d.categoria_simples = d.categoria.replace('Apostólica Romana','').replace('religiosidades','');\n });\n return dataRaw;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"filteredPoints = dataPoints.filter(d=> selecao_categorias.indexOf(valueScale(d.categoria)) > -1 && (selected_bairros == \"\" || selected_bairros.indexOf(d.bairro_name) > -1))\n// selected_bairros","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"contribuintes = filteredPoints.map(d=> d.contribuinte);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"uniq_contribuintes = [...new Set(contribuintes)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"contribuintes_count = d3.rollup(contribuintes, v => v.length, d => d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"bairros = filteredPoints.map(d => d.bairro_name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"bairros_count = d3.rollup(bairros, v => v.length, d => d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"sortedBairros = Array.from(bairros_count).sort((a, b) => d3.descending(a[1], b[1])).map(d => d[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"colorScale = d3.scaleLinear()\n .domain([1,taxa_templos.get(sorted_bairros_taxa_templos[0])])\n // .range(['#e0ecf4','#810f7c'])\n\n .range(['#fcfbfd','#4a1486'])\n // .range(['#e5f0ff','#3e5cf3'])\n // .range(['#ffffff','#fff7bc','#cc4c02'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":764,"value":"valueScale = d3.scaleOrdinal()\n .domain([\"Católica Apostólica Romana\",\"Evangélicas\",\"Espírita\",\"Outras religiosidades\",\"Sem Definição\"])\n .range(['a','b','c','d','e'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":771,"value":"temploColorScale = d3.scaleOrdinal()\n .domain([\"Católica Apostólica Romana\",\"Evangélicas\",\"Espírita\",\"Sem Definição\",\"Outras religiosidades\"])\n .range(['#11a579','#3969ac','#cc503e','#4f4f4f','#e68310'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"categorias_ativas = filteredPoints.map(d=> d.categoria)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":807,"value":"categorias_count = d3.rollup(categorias_ativas, v => v.length, d => d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"sortedCategorias = Array.from(categorias_count).sort((a, b) => d3.descending(a[1], b[1])).map(d => d[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1023,"value":"enderecos = dataPoints.map(d => d.end)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":74,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"L = {\n const L = await require(\"leaflet@1.6/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":672,"value":"import {autoSelect} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"import {multiAutoSelect} from \"@john-guerra/multi-auto-select\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"import { input } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":755,"value":"import {checkboxes} from \"@meetamit/multiple-choice-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"