3f:null 40:["$","title",null,{"children":"Amplia Saúde - Mapa (cópia 8 outubro) | Claudio Esperança | Observable"}] 46:T9c0,

INDICADOR CHAVE

INDICADOR CHAVE SMALL

SCATTERPLOT

BIG

MAPA

FILTRAR POR

FILTRAR POR SMALL

47:T561,clearMainWindow = { mutable reactDebug = ["clear"]; interfaceToggle; width; for (let className of [ "menuPrincipal", "indicadorChave", "indicadorChaveSmall", "mapa", "scatterplot", "scatterplotBig", "filtrarPor", "filtrarPorSmall", ]) { const elem = mainWindow.querySelector(`div.${className}`); elem.innerHTML = className; } if (biglayoutToggle) { mainWindow.querySelector(`div.scatterplot`).style.display = "none"; mainWindow.querySelector(`div.scatterplotBig`).style.display = "block"; mainWindow.querySelector(`div.indicadorChave`).style.display = "none"; mainWindow.querySelector(`div.indicadorChaveSmall`).style.display = "block"; } else { mainWindow.querySelector(`div.scatterplotBig`).style.display = "none"; mainWindow.querySelector(`div.scatterplot`).style.display = "block"; mainWindow.querySelector(`div.indicadorChaveSmall`).style.display = "none"; mainWindow.querySelector(`div.indicadorChave`).style.display = "block"; } if (filtrarPorRolldownToggle) { mainWindow.querySelector(`div.filtrarPorSmall`).style.display = "none"; mainWindow.querySelector(`div.filtrarPor`).style.display = "block"; } else { mainWindow.querySelector(`div.filtrarPorSmall`).style.display = "block"; mainWindow.querySelector(`div.filtrarPor`).style.display = "none"; } }48:Te62,// // Insert elements into grid (other than the map) // populate = { mutable reactDebug.push ("populate") if (interfaceToggle) { panel.menuPrincipal.elem.innerHTML = ""; //panel.menuPrincipal.elem.append (viewof munSelecionados); panel.menuPrincipal.elem.append ( htl.html`

${viewof munSelecionados}

Selecione até 4 municípios com duplo clique nos gráficos

`); viewof munSelecionados.style.display = "inline"; viewof munSelecionados.style.paddingTop = "10px"; panel.menuPrincipal.elem.append (viewof ano); viewof ano.style.display = "inline"; const indicadorChave = biglayoutToggle ? panel.indicadorChaveSmall : panel.indicadorChave; const indicadorDiv = htl.html`

`; const indicadorTitle = htl.html`INDICADOR CHAVE`; const indicadorExpandReduce = biglayoutToggle ? makeRollDownIcon () : makeRollUpIcon (); indicadorExpandReduce.style.cursor = "pointer"; indicadorDiv.onclick = () => mutable biglayoutToggle = !mutable biglayoutToggle; indicadorDiv.append(indicadorTitle, indicadorExpandReduce); indicadorChave.elem.innerHTML = ""; indicadorChave.elem.append(indicadorDiv, viewof colorSelect, htl.html`

`, legendaEscalaCores ); rankingBox.style.marginTop = "10px"; if (!biglayoutToggle) { indicadorChave.elem.append(rankingBox); rankingBox.querySelector("div.rankBox").dispatchEvent(new CustomEvent("scroll", {scrollTop:0})); } const scatter = (biglayoutToggle) ? panel.scatterplotBig : panel.scatterplot; scatter.elem.innerHTML = ""; viewof yAxisSelect.style.display = "inline-block"; viewof yAxisSelect.style.marginBottom = "10px"; viewof yAxisSelect.style.lineHeight = "15px"; viewof xAxisSelect.style.display = "inline-block"; viewof xAxisSelect.style.float = "right"; viewof xAxisSelect.style.marginTop = "5px"; viewof xAxisSelect.style.lineHeight = "15px"; const relacionarExpandReduce = biglayoutToggle ? makeReduceIcon () : makeEnlargeIcon (); relacionarExpandReduce.style.marginLeft = "5px"; relacionarExpandReduce.style.cursor = "pointer"; relacionarExpandReduce.style.position = "absolute"; relacionarExpandReduce.style.right = "10px"; relacionarExpandReduce.style.top = "10px"; relacionarExpandReduce.style.zIndex = 20; relacionarExpandReduce.onclick = () => mutable biglayoutToggle = !mutable biglayoutToggle; //yAxisAndButton.append(viewof yAxisSelect, relacionarExpandReduce); //relacionarDiv.append(relacionarTitle, yAxisAndButton); scatter.elem.append(relacionarExpandReduce, viewof yAxisSelect, scatterplotComponent,viewof xAxisSelect,); const filtrarPor = (filtrarPorRolldownToggle) ? panel.filtrarPor : panel.filtrarPorSmall; const filtrarPorDiv = htl.html`

`; const filtrarPorTitle = htl.html`FILTRAR POR`; const filtrarPorExpandReduce = filtrarPorRolldownToggle ? makeRollUpIcon () : makeRollDownIcon (); filtrarPorDiv.onclick = () => mutable filtrarPorRolldownToggle = !mutable filtrarPorRolldownToggle; filtrarPorDiv.append (filtrarPorTitle, filtrarPorExpandReduce) filtrarPor.elem.innerHTML = ""; filtrarPor.elem.append(filtrarPorDiv); if (filtrarPorRolldownToggle) filtrarPor.elem.append(painelFiltros); } }49:T7ce,rankingBox = { interfaceToggle; const listContainer = htl.html`

`; const colorRange = colorVar.range; const listTitle = htl.html`

MUNICÍPIOS RANQUEADOS POR ${colorVar.name}`; const listSearch = aText({width:280,placeholder:"🔍 BUSCAR"}); const createBoxes = (d,i) => { const entry = htl.html`

`; const cor = escalaCores(d.val); const textColor = (d3.hsl(cor).l > 0.5) ? "black" : "white"; const rank = htl.html`

${i+1}`; const name = htl.html`

${d.name}`; const uf = htl.html`

${d.uf}`; const mun = d.mun; entry.append (rank,name,uf); entry.ondblclick = () => alteraMenuLocalidade (mun); return entry; } listSearch.style.marginBottom = "10px"; const alteraCallback = 0; const fakeList = htl.html`

`; const fakeContents = htl.html`

`; fakeList.append(fakeContents); listContainer.append(fakeList); const showBoxes = (posY) => { fakeContents.style.top = posY+"px"; fakeContents.innerHTML = ""; const first = ~~(posY/20); const last = Math.min(first+10, filteredData.length); for (let i = first; i < last; i++) { const entry = createBoxes (filteredData[i], i); fakeContents.append(entry); } } listContainer.onscroll = (e) => { showBoxes(listContainer.scrollTop); } showBoxes(0) listSearch.oninput = (event) => { let s = normalizeString(listSearch.value); for (let i = 0; i < filteredData.length; i++) { if (filteredData[i].normName.includes(s)) { listContainer.scrollTo(0, 20*i); break; } } } return html`

${listTitle}${listSearch}${listContainer}` } 4a:T186a,viewof dorling = { interfaceToggle; remakeMapa; mutable reactDebug.push("dorling"); let [[xmin, ymin], [xmax, ymax]] = limites; let width = panel.mapa.w; let height = Math.max(panel.mapa.h); let mapScale = Math.max(0.2, Math.min (3, (width - 318 * (mutable filtrarPorRolldownToggle ? 2 : 1)) / (xmax - xmin))); const container = html`

`; // // Botões de Zoom // const zoomIn = zoomInIcon; Object.assign(zoomIn.style, { position: "absolute", zIndex: 10, top: "10px", left: interfaceToggle ? "328px" : "10px" }); const zoomOut = zoomOutIcon; Object.assign(zoomOut.style, { position: "absolute", zIndex: 10, top: "38px", left: interfaceToggle ? "328px" : "10px" }); container.append(zoomIn, zoomOut); zoomIn.onclick = () => doZoom(12 / 10); zoomOut.onclick = () => doZoom(10 / 12); // // O svg principal // const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("id", "dorling"); container.append(svg.node()); container.value = []; container.hovered; // // Um grupo para conter o mapa propriamente dito. // Precisamos dele para poder aplicar translações mais facilmente // const mainGroup = svg.append("g").attr("class", "mainGroup"); // // Tratamento de eventos para translação e escala // let translation = [interfaceToggle ? 328 : 0, 0], mousedown = null; svg .on("mousedown", function (e) { mousedown = [e.offsetX, e.offsetY]; svg.style("cursor", "grab"); }) .on("mousemove", function (e) { if (!mousedown) return; let mouse = [e.offsetX, e.offsetY]; let displacement = [mouse[0] - mousedown[0], mouse[1] - mousedown[1]]; translation[0] += displacement[0]; translation[1] += displacement[1]; mainGroup.attr("transform", `translate(${translation})`); mousedown = mouse; }) .on("mouseup", function (e) { if (!mousedown) return; svg.style("cursor", "auto"); mousedown = null; }) .on("wheel", function (e) { e.preventDefault(); e.stopPropagation(); const scaleFactor = e.deltaY > 0 ? 11 / 10 : 10 / 11; const center = [e.offsetX, e.offsetY]; doZoom(scaleFactor, center); // mutable debug = {x : e.offsetX, y:e.offsetY, delta:[e.deltaX, e.deltaY, e.deltaZ, e.deltaMode]}; }); mainGroup.attr("transform", `translate(${translation})`); // // Grupo contendo os círculos. Só este é escalado // let circlesGroup = mainGroup .append("g") .classed("circles", true) .attr("transform", `scale(${mapScale},${mapScale})`); // // Círculos para os municípios // Apenas as posições são configuradas aqui. As demais (raio, cor, etc) // são configuradas externamente pela célula dorlingCircleConf, evitando // assim o overhead de recriar os círculos quando os filtros mudam // let circles = circlesGroup .selectAll("circle") .data(posicoesFinais) .join("circle") // joins the data to the empty circles selected .on("dblclick", dbclicked) .classed("circle", true) .attr("cx", (d) => d.x) .attr("cy", (d) => d.y); // // Tooltips para os círculos var tip = d3tip().html( (event, d) => ` ${tooltip({ pol: dadosPorCodigo.get(d.properties.codarea.slice(0, -1))["AVG_PM25"], bp: (1000 * dadosPorCodigo.get(d.properties.codarea.slice(0, -1))[ "BAIXO_PESO" ]) / dadosPorCodigo.get(d.properties.codarea.slice(0, -1))["TOTAL"], municipio: municipioPorCodigo.get(d.properties.codarea)[ "Nome_Município" ], uf: municipioPorCodigo.get(d.properties.codarea)["Nome_UF"], populacao: populacaoPorCodigo.get(d.properties.codarea) })}` ); svg.call(tip); circles.on("mouseover", tip.show).on("mouseout", tip.hide); // // As bandeirinhas para os municípios selecionados // let flags = mainGroup.append("g").classed("flags", true); const updateFlags = () => { flags.selectAll("path").remove(); flags .selectAll("path") .data(viewof munSelecionados.value) .join("path") .attr("transform", (d) => { let pos = posicoesPorCod.get(d.cod); return `translate(${pos.x * mapScale},${pos.y * mapScale})`; }) .attr("d", flagPath(12)) .attr("fill", (d) => d.cor) .attr("stroke", "black"); }; // // Realiza o zoom dos círculos mantendo o ponto center fixo // Se center não for passado, assume-se o centro do svg // function doZoom(scaleFactor, center) { const [cx, cy] = center || [width / 2, height / 2]; const [tx, ty] = translation; const newScale = Math.max(0.2, Math.min (3, mapScale * scaleFactor)); const [x0, y0] = [(cx - tx) / mapScale, (cy - ty) / mapScale]; const [newTx, newTy] = [cx - x0 * newScale, cy - y0 * newScale]; translation = [newTx, newTy]; mapScale = newScale; mainGroup.attr("transform", `translate(${translation})`); circlesGroup.attr("transform", `scale(${mapScale},${mapScale})`); updateFlags(); } function dbclicked() { const oldValue = viewof munSelecionados.value; const circle = d3.select(this); const findMun = (circle) => { const codigo = circle.data()[0].properties.codarea.slice(0, -1); const filtrados = municipios.filter((obj) => obj.cod == codigo); return filtrados[0]; }; let datum = findMun(circle); alteraMenuLocalidade(datum); updateFlags(); } function updateSelected() { // mutable TESTE = {} const oldValue = viewof munSelecionados.value; const codigos = oldValue.map((d) => d.cod); circles.each(function (d) { const circle = d3.select(this); const selected = codigos.includes(d.properties.codarea.slice(0, -1)); circle.classed("clicked", selected); }); updateFlags(); } updateSelected(); container.updateSelected = updateSelected; // Export the circle selection so that we can configure them externally container.circleSelection = circles; return container; }4b:T4a3,zoomInIcon = html``4c:T41e,zoomOutIcon = html``4d:T497,styles = html` `4e:[{"id":"c455be919ca1ed3da711106e8749aa345865d4ae3a0d9331b54b815cf42f4f476b69c49f296b37c307201459da329dec1db27e17fca726f5d83353b458d19d97","href":"https://static.observableusercontent.com/files/c455be919ca1ed3da711106e8749aa345865d4ae3a0d9331b54b815cf42f4f476b69c49f296b37c307201459da329dec1db27e17fca726f5d83353b458d19d97","name":"posicoesFinais.json","type":"application/json","lastModified":1665257733574.451,"size":2538451},{"id":"b46883151e041b592666544e68e6e8e4a40c8d8638624dc4b8904749fd0da9325b877aad74811fca5f10756f5b5b269a514f4e6c336ac1a64f3256a598160a4d","href":"https://static.observableusercontent.com/files/b46883151e041b592666544e68e6e8e4a40c8d8638624dc4b8904749fd0da9325b877aad74811fca5f10756f5b5b269a514f4e6c336ac1a64f3256a598160a4d","name":"populacao_municipio_2018.csv","type":"text/csv","lastModified":1665257733574.451,"size":81464},{"id":"09f204ccffdfb2918af2b98f13ad7ca24c4ea7e07a884e38ecf0e1f26008493cc5ed81a9bec3759c8d9b28453a69b3af7367257282d736e86fd5911219781594","href":"https://static.observableusercontent.com/files/09f204ccffdfb2918af2b98f13ad7ca24c4ea7e07a884e38ecf0e1f26008493cc5ed81a9bec3759c8d9b28453a69b3af7367257282d736e86fd5911219781594","name":"municipios.csv","type":"text/csv","lastModified":1665257733574.451,"size":433209},{"id":"00a731a6f302623f44df0e6ccf0109eb8e6f987662a4a7de47532fa4c4e500e6d7b671b3263883e96ed80ec0c463b92ab37f0727785dd3041c4f5f3f817d69c5","href":"https://static.observableusercontent.com/files/00a731a6f302623f44df0e6ccf0109eb8e6f987662a4a7de47532fa4c4e500e6d7b671b3263883e96ed80ec0c463b92ab37f0727785dd3041c4f5f3f817d69c5","name":"ufnomes.json","type":"application/json","lastModified":1665257733574.451,"size":860},{"id":"cceb7b1fe14fcf7fe29c3983f38219769a40ef20882b1d53a60ae5ea7d7fa4178c5f8d84067424d9530cb9f91ed9e326f443f819d4cb418dd6c915db15774481","href":"https://static.observableusercontent.com/files/cceb7b1fe14fcf7fe29c3983f38219769a40ef20882b1d53a60ae5ea7d7fa4178c5f8d84067424d9530cb9f91ed9e326f443f819d4cb418dd6c915db15774481","name":"malhabrasil.json","type":"application/json","lastModified":1665257733574.451,"size":1626114},{"id":"286bfcab293547b0b0d2222f6055ccef1f064e020131ef4aa44c88546a061dedba121772061f7ab730196cafd5d88cccff0f3446b7f4f61452ae3c46d73fca5d","href":"https://static.observableusercontent.com/files/286bfcab293547b0b0d2222f6055ccef1f064e020131ef4aa44c88546a061dedba121772061f7ab730196cafd5d88cccff0f3446b7f4f61452ae3c46d73fca5d","name":"pm25-mun-ano.csv","type":"text/csv","lastModified":1665257733574.451,"size":5858565},{"id":"16b2a6ff3bd8958f70981c7dcf3d8df8963d3b090e070356369d0351a4727f07cdcb3671376d5f52bb7885407b82cbb9b91e59be48c59f2561e99be3c3826c7d","href":"https://static.observableusercontent.com/files/16b2a6ff3bd8958f70981c7dcf3d8df8963d3b090e070356369d0351a4727f07cdcb3671376d5f52bb7885407b82cbb9b91e59be48c59f2561e99be3c3826c7d","name":"baixopeso-mun-ano.csv","type":"text/csv","lastModified":1665257733574.451,"size":860414}] 44:{"id":"05d6923aac975899","slug":"amplia-saude-mapa-copia-8-outubro","title":"Amplia Saúde - Mapa (cópia 8 outubro)","thumbnail":"4ccce04c82694c42b39fe1dfda388d80e02c0c9c99a0083395ad75b821c11927","access_level":"public","create_time":"$D2022-10-08T19:35:33.574Z","update_time":"$D2022-10-09T15:29:01.512Z","view_time":null,"first_public_time":"$D2022-10-08T19:36:09.186Z","has_unpublished_edits":null,"fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"e9fcee55f21948e0","login":"esperanc","name":"Claudio Esperança","avatar_url":"https://avatars-next.observableusercontent.com/91db65fe4bf8e490e5ff1a548612f36ccc04fa7781189e7e4dc7ba6633a66e52","tier":"starter_2024","bio":"Computer Graphics & Visualization @ufrj.br ","following":false},"version":5363,"publish_version":5363,"role":null,"authored":false,"authors":[{"type":"individual","id":"591dcad3c6121253","login":"esperanc","name":"Claudio Esperança","avatar_url":"https://avatars-next.observableusercontent.com/91db65fe4bf8e490e5ff1a548612f36ccc04fa7781189e7e4dc7ba6633a66e52","tier":null,"bio":"Computer Graphics & Visualization @ufrj.br ","following":false}],"members":[{"type":"individual","id":"591dcad3c6121253","login":"esperanc","name":"Claudio Esperança","avatar_url":"https://avatars-next.observableusercontent.com/91db65fe4bf8e490e5ff1a548612f36ccc04fa7781189e7e4dc7ba6633a66e52","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Amplia Saúde - Mapa (cópia 8 outubro)","cells":[{"id":0,"value":"md`# Amplia Saúde - Mapa (cópia 8 outubro)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4200,"value":"$46","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"mainWindow","database":"$undefined"},{"id":4324,"value":"viewof interfaceToggle = {\n mutable reactDebug = [];\n return Inputs.toggle({label:\"Mostrar Interface\", value: true})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4932,"value":"mutable biglayoutToggle = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5090,"value":"mutable filtrarPorRolldownToggle = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4695,"value":"mutable reactDebug = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4313,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4213,"value":"panel = {\n mutable reactDebug.push (\"panel\")\n clearMainWindow;\n let panel = {};\n for (let className of [\"menuPrincipal\", \"indicadorChave\", \"indicadorChaveSmall\",\n \"mapa\", \"scatterplot\", \"scatterplotBig\", \"filtrarPor\", \"filtrarPorSmall\"]) {\n let elem = mainWindow.querySelector (`div.${className}`);\n panel[className] = {elem, w:elem.clientWidth, h:elem.clientHeight}\n };\n return panel;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4234,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4645,"value":"//\n// We must compute the size of the map div after the initial layout\n// was established with the modifications introduced by populate\n//\nafterInitialLayout = {\n mutable reactDebug.push (\"afterInitial\")\n populate;\n panel.mapa.oldW = panel.mapa.w;\n panel.mapa.oldH = panel.mapa.h;\n // Avoid recomputing the map if the element is the same size and has already been\n // placed in the interface\n if (panel.mapa.elem.clientWidth != panel.mapa.w || \n panel.mapa.elem.clientHeight != panel.mapa.h || \n panel.mapa.elem.children.length == 0) {\n panel.mapa.w = panel.mapa.elem.clientWidth;\n panel.mapa.h = panel.mapa.elem.clientHeight;\n mutable remakeMapa = true;\n } \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4640,"value":"//\n// At this point, the dorling map must have been computed with the right size.\n//\npopulateMapa = {\n mutable reactDebug.push (\"populateMapa\");\n if (interfaceToggle && panel.mapa.oldElem != viewof dorling) {\n panel.mapa.elem.innerHTML = \"\";\n panel.mapa.elem.append (viewof dorling);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4739,"value":"mutable remakeMapa = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5331,"value":"## Session Storage\nArmazenamento da coleção de municípios","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5333,"value":"//\n// Maintain the session storage variable for synchronizing with other visualizations\n//\nstorageUpdate = {\n sessionStorage.setItem(\"municipios\", JSON.stringify(munSelecionados));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5335,"value":"initialLoad = {\n let defaultSelection = sessionStorage.getItem(\"municipios\");\n if (!defaultSelection) defaultSelection = [\"SÃO PAULO\"];\n else defaultSelection = JSON.parse(defaultSelection);\n viewof munSelecionados.value = defaultSelection;\n}\n ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4384,"value":"## Filtros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4488,"value":"### Ano","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4467,"value":"viewof ano = {\n mutable reactDebug.push (\"ano\")\n return sliderbase({range:[2012,2019],value:2015,ticks:1,width:400, height:56})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4428,"value":"### Nascimentos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4408,"value":"viewof filtroNascimentos = {\n mutable reactDebug.push (\"filtroNascimentos\")\n interfaceToggle;\n return sliderArray({range:[1,10,1e2,1e3,1e4,1e5,2e5],\n value:[1,6],\n ticksLabelFormatter:(i)=>[\"1\",\"10\",\"100\",\"1K\",\"10K\",\"100K\",\"200K\"][i],\n width:300, height:56\n },sliderRangeBase)\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4410,"value":"filtroNascimentosDrawer = aDrawer(viewof filtroNascimentos, {\n shown: true,\n title: \"Nascimentos\",\n subtitle: \"Exibir somente municípios com total de nascimentos entre:\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4432,"value":"### Região","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4434,"value":"viewof filtroRegiao = {\n mutable reactDebug.push (\"filtroRegiao\")\n interfaceToggle;\n return aSelect({\n options: [\"(todas)\", \"Centro-oeste\", \"Nordeste\", \"Norte\", \"Sudeste\", \"Sul\"],\n width: 250,\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4441,"value":"filtroRegiaoDrawer = \n aDrawer(\n html`

${viewof filtroRegiao}`, \n {shown:true, title:\"Região\", subtitle: \"Mostrar apenas uma região\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4444,"value":"### Caixa com todos os filtros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4450,"value":"painelFiltros = {\n mutable reactDebug.push (\"painelFiltros\")\n interfaceToggle;\n const painel = htl.html`

`;\n painel.append(filtroNascimentosDrawer, filtroRegiaoDrawer);\n return painel;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4482,"value":"### Função de filtragem configurada conforme a interface","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4485,"value":"allFilters = {\n mutable reactDebug.push (\"allFilters\")\n const regionIndex = [\"Norte\", \"Nordeste\", \"Sudeste\", \"Sul\", \"Centro-oeste\"].indexOf(filtroRegiao);\n const [nascMin, nascMax] = filtroNascimentos.map(i => [0,10,1e2,1e3,1e4,1e5,2e5][i]);\n \n //return {regionIndex, nascMin, nascMax}\n const filter = d => \n (regionIndex == -1 || regionIndex == Math.floor(d.CODMUNRES / 100000) - 1) && \n d.ANO == ano && \n +d.TOTAL >= nascMin &&\n +d.TOTAL <= nascMax\n\n // Apply to the scatterplot\n mutable dataFilter = filter\n return filter\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4527,"value":"## Variáveis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5000,"value":"viewof colorSelect = {\n interfaceToggle;\n mutable reactDebug.push (\"colorSelect\")\n return aSelect({\n options: variables.map(d=>d.name),\n width: 280,\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5004,"value":"color = {\n mutable colorVar = variables.find (d=>d.name == colorSelect);\n return mutable colorVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4531,"value":"viewof xAxisSelect = {\n interfaceToggle;\n mutable reactDebug.push (\"xAxisSelect\")\n return aSelect({\n options: variables.map(d=>d.name),\n value: \"MORT. PERINATAL\",\n width: 110,\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4535,"value":"// Reactively change the xAxisVar mutable\nxaxis = {\n mutable xAxisVar = variables.find (d=>d.name == xAxisSelect);\n return mutable xAxisVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4557,"value":"viewof yAxisSelect = {\n interfaceToggle;\n mutable reactDebug.push (\"yAxisSelect\")\n return aSelect({\n options: variables.map(d=>d.name),\n value: \"BAIXO PESO\",\n width: 110,\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4563,"value":"// Reactively change the yAxisVar mutable\nyaxis = {\n mutable yAxisVar = variables.find (d=>d.name == yAxisSelect);\n return mutable yAxisVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4758,"value":"## Ranking","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4861,"value":"normalizeString = s => s.toUpperCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4792,"value":"mutable unknownData = null","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4794,"value":"filteredData = {\n mutable unknownData = [];\n let filtered = [];\n dadosMunicipio.filter(allFilters).forEach(d => {\n const mun = codigoToMunicipio.get(d.CODMUNRES);\n if (!mun) {\n mutable unknownData.push (d);\n return;\n };\n //const mun2 = municipioPorCodigo.get(codToCodarea(\"110001\"));\n const name = mun.nome;\n const uf = mun.uf;\n const val = +colorVar.field(d);\n filtered.push( {name,uf,mun,normName:normalizeString(name),val} )\n })\n filtered.sort((a,b) => b.val - a.val);\n return filtered\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4800,"value":"rankStyles = htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4764,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"## Cartograma de Dorling","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5245,"value":"dorlingStyles = html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4175,"value":"mutable debug = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4511,"value":"//\n// Reactively configure the dorling circles\n//\ndorlingCircleConf = {\n mutable reactDebug.push(\"dorlingCircleConf\");\n viewof dorling.circleSelection.each(function (d) {\n const codigo = d.properties.codarea;\n const dado = dadosPorCodigo.get(codigo.slice(0, -1));\n const circle = d3.select(this);\n const disabled = !allFilters(dado);\n circle\n .classed(\"disabled\", disabled)\n .attr(\"r\", raio(populacaoPorCodigo.get(codigo)))\n .attr(\"fill\", disabled ? \"lightgray\" : escalaCores(colorVar.field(dado)));\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5075,"value":"## Ícones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4657,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4661,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4955,"value":"makeEnlargeIcon = () => html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4957,"value":"makeReduceIcon = () => html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5078,"value":"makeRollDownIcon = () => htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5080,"value":"makeRollUpIcon = () => htl.html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4361,"value":"## Scatterplot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3553,"value":"mutable TESTE = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4950,"value":"updateScatterConfig = {\n let w = biglayoutToggle ? 496 : 286;\n mutable scatterConfig.width = w;\n mutable scatterConfig.height = w*3/4;\n mutable scatterConfig = mutable scatterConfig;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4327,"value":"scatterplotComponent = {\n mutable reactDebug.push (\"scatterPlot\");\n interfaceToggle;\n return scatterplot;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4944,"value":"scatterConfig","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4074,"value":"viewof limpar","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5324,"value":"## Tooltip","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2815,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5135,"value":"ttipScale = (value, colorScale) => {\n const scale = d3.scaleThreshold(colorScale.thresholds, colorScale.range);\n const color = scale(value);\n const nthChild = (scale.range().indexOf(color) + 1).toString();\n var table = html`\n

${colorScale.label} ${d3\n .format(\".3r\")(value)\n .replace(/\\./g, \",\")}

\n\n \n \n \n \n \n \n \n

`;\n d3.select(table)\n .selectAll(\"td:nth-child(\" + nthChild + \")\")\n .style(\"background\", color);\n return table.outerHTML;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3851,"value":"tooltip = (d) => {\n let num = d3.format(\",\");\n return `\n

${d.municipio} ${d.uf}

${num(d.populacao).replace(/,/g, \".\")} habitantes

\n ${ttipScale(d.pol, variables[0])}\n ${ttipScale(d.bp, variables[1])}\n

\n`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3559,"value":"reactToMunSelecionados = {\n mutable reactDebug.push(\"munSelecionados\");\n munSelecionados;\n viewof dorling.updateSelected();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"toc({ selector: \"h2\", heading: \"Ir para:\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2495,"value":"md`## Funções`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3370,"value":"hoverInteraction = (plotElement, fover, fleave) => {\n let circles = d3.select(plotElement).selectAll(\"circle\");\n circles.on(\"mouseover\", function () {\n let circle = d3.select(this);\n circle.attr(\"stroke\", \"black\");\n fover(d3.select(this).data());\n });\n circles.on(\"mouseleave\", function () {\n let circle = d3.select(this);\n circle.attr(\"stroke\", \"none\");\n fleave(d3.select(this).data());\n });\n return plotElement;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"md`## Dados`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1564,"value":"baixopesoMunAno = FileAttachment(\"baixopeso-mun-ano.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1565,"value":"pm25MunAno = FileAttachment(\"pm25-mun-ano.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"malhaBrasil = FileAttachment(\"malhabrasil.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"// Observe o uso de rewind para mudar as circulações dos polígonos para horária\nfeicoesMunicipio = {\n let feicoes = rewind(\n topojson.feature(malhaBrasil, malhaBrasil.objects.foo),\n true\n );\n // Consertando alguns centroides que foram computados erroneamente\n for (let d of feicoes.features) {\n let c = d.properties.centroide; \n if (c[0]==0 && c[1] == 0) {\n let a = d.geometry.coordinates.flat(4)\n c[0] = a[0];\n c[1] = a[1];\n }\n }\n return feicoes\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3528,"value":"ufnome = FileAttachment(\"ufnomes.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"municipioInfo = FileAttachment(\"municipios.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"municipioPorCodigo = new Map(\n municipioInfo.map((m) => [m[\"Código Município Completo\"], m])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4117,"value":"// Usando só os 6 primeiros digitos para ser compativel com a tabela 'municipio' importada do menu de localidade\nposicoesPorCod = new Map(posicoesFinais.map((p) => [p.properties.codarea.slice(0,6), p]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4142,"value":"// Truque para obter o 7 digito de um codigo de area com 6 digitos\ncodToCodarea = cod => posicoesPorCod.get(cod).properties.codarea","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"populacaoMunicipio = FileAttachment(\"populacao_municipio_2018.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"populacaoPorCodigo = new Map(\n populacaoMunicipio.map(p => [p.municipio, +p.populacao])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1891,"value":"populacaoLimites = d3.extent(populacaoPorCodigo.values())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3172,"value":"idhPorCodigo = new Map(idhm.map((p) => [p.codigo, p.idh]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3179,"value":"idhLimites = d3.extent(idhPorCodigo.values())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1892,"value":"bpPorCodigo = new Map(\n baixopesoMunAno\n .filter((x) => x.ANO == ano)\n .sort(function (a, b) {\n return b.BAIXO_PESO / b.TOTAL - a.BAIXO_PESO / a.TOTAL;\n })\n .map((b, index) => [\n b.CODMUNRES,\n [b.TOTAL == \"0\" ? 0 : b.BAIXO_PESO / b.TOTAL, index, b.TOTAL]\n ])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1916,"value":"totalPorCodigo = new Map(\n baixopesoMunAno.filter((x) => x.ANO == ano).map((b) => [b.CODMUNRES, b.TOTAL])\n)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3229,"value":"dadosPorCodigo = new Map(\n dadosMunicipio.filter((x) => x.ANO == ano).map((p) => [p.CODMUNRES, p])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3704,"value":"bp = dadosMunicipio.map(function (el) {\n return (1000 * el.BAIXO_PESO) / el.TOTAL;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3714,"value":"AVGPM25 = dadosMunicipio.map(function (el) {\n return el.AVG_PM25;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3611,"value":"obper = dadosMunicipio\n .map(function (el) {\n return (1000 * el.OBITOS_PERINATAIS) / el.TOTAL;\n })\n .filter((item) => item !== 0 && item !== 1000)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3637,"value":"obneo = dadosMunicipio.map(function (el) {\n return (1000 * el.OBITOS_NEONATAIS) / el.TOTAL;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3642,"value":"obtotal = dadosMunicipio.map(function (el) {\n return el.OBITOS_TOTAIS;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3748,"value":"obinf = dadosMunicipio.map(function (el) {\n return (1000 * el.OBITOS_INFANTIS) / el.TOTAL;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3737,"value":"function valueAnalysis(array) {\n return {\n limits: d3.extent(array.values()),\n quantiles: [\n d3.quantile(array, 0.25),\n d3.quantile(array, 0.5),\n d3.quantile(array, 0.75),\n d3.quantile(array, 1)\n ]\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3617,"value":"valueAnalysis(obper)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3649,"value":"valueAnalysis(obneo)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3750,"value":"valueAnalysis(obinf)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3653,"value":"valueAnalysis(bp)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3655,"value":"valueAnalysis(AVGPM25)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"//\n// Returns an array of objects describing each circle\n//\nfunction getCircles() {\n return feicoesMunicipio.features.map((f) => {\n let mun = municipioPorCodigo.get(f.properties.codarea);\n return {\n pos: [f.x, f.y],\n centroid: projecao(f.properties.centroide),\n id: +f.properties.codarea,\n name: mun.Nome_Município,\n idRegion: +mun.UF,\n regionName: mun.Nome_UF,\n radius: raio(populacaoPorCodigo.get(f.properties.codarea))\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"md`## Geo`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4369,"value":"larguraDefault = 1152","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"projecao = d3.geoMercator().fitWidth(larguraDefault, feicoesMunicipio)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"funcaoPath = d3.geoPath(projecao)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"limites = funcaoPath.bounds(feicoesMunicipio)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"razaoAspecto = {\n let [[xmin, ymin], [xmax, ymax]] = limites;\n return Math.abs((xmax - xmin) / (ymax - ymin));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"md`## Escalas`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"escalaCores = d3.scaleThreshold(colorVar.thresholds, colorVar.range)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4601,"value":"legendaEscalaCores = {\n interfaceToggle;\n const leg = Legend(escalaCores, {\n width: 280,\n title: colorVar.label,\n tickSize: 0\n });\n d3.select(leg).selectAll(\"text\").style(\"font-family\", \"Roboto Condensed\");\n d3.select(leg).selectAll(\".tick\").selectAll(\"line\").style(\"stroke\", \"white\");\n d3.select(leg).selectAll(\".tick\").selectAll(\"text\").style(\"color\", \"#C4C4C4\");\n return leg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"coresCirculos = d3.scaleOrdinal(d3.range(27), d3.schemeDark2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4344,"value":"raioMax = 24","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"raio = d3\n .scaleSqrt()\n .domain(populacaoLimites)\n .range([1.5, 24])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"legendaCirculos = legendCircle()\n .tickValues([1e5, 1e6, 1e7])\n .tickFormat((d, i, e) => {\n const val = d >= 1e6 ? `${d / 1e6} M` : `${d / 1e3} m`;\n const unit = i === e.length - 1 ? \" habitantes\" : \"\";\n return `${val}${unit}`;\n })\n .scale(raio)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"md`## Simulação física para o cartograma de Dorling`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"posicoesFinais = {\n if (true) {\n return await FileAttachment(\"posicoesFinais.json\").json();\n }\n\n feicoesMunicipio.features.forEach((node) => {\n [node.x, node.y] = [node.x0, node.y0] = projecao(node.properties.centroide);\n return node;\n });\n const simulacao = d3\n .forceSimulation(feicoesMunicipio.features)\n .force(\n \"x\",\n d3.forceX((d) => d.x0)\n )\n .force(\n \"y\",\n d3.forceY((d) => d.y0)\n )\n .force(\n \"collide\",\n d3.forceCollide(\n // colision control\n (d) => 0.75 + raio(populacaoPorCodigo.get(d.properties.codarea))\n )\n );\n for (let i = 0; i < 120; i++) simulacao.tick();\n // return simulacao;\n // return simulacao.nodes().map(d => ({x:d.x, y:d.y}))\n return simulacao.nodes();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"md`## Dependências e Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@6\").then(\n (_d3) => (\n _d3.formatLocale({\n decimal: \",\",\n thousands: \"\\u00a0\"\n }),\n _d3\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5263,"value":"d3tip = require(\"d3-tip\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"rewind = require('https://bundle.run/@mapbox/geojson-rewind@0.5.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"topojson = require(\"topojson-client@3\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2721,"value":"import { dadosMunicipio, idhm } from \"@esperanc/amplia-dados-mapa\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"import { checkbox } from \"@jashkenas/inputs\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"import { legendCircle } from \"@harrystevens/circle-legend\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"import { toc } from \"@harrystevens/toc\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"import { keys } from \"@mbostock/keys\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4603,"value":"import { Legend } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3059,"value":"import {\n scatterplot,\n municipios,\n codigoToMunicipio,\n viewof munSelecionados,\n variables,\n viewof limpar, \n flagPath,\n corMunNaoUsada,\n alteraMenuLocalidade,\n mutable scatterConfig,\n mutable dataFilter,\n mutable xAxisVar,\n mutable yAxisVar,\n mutable colorVar\n} from \"@esperanc/scatterplot-mapa\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4403,"value":"### Componentes de input","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4387,"value":"import {aDrawer, aDrawerStyles} from \"@esperanc/adrawer\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4394,"value":"import {aSlider, aSliderStyles} from \"@esperanc/aslider\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4398,"value":"import {aSelect, aText, aSelectStyles} from \"@esperanc/aselect\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4417,"value":"import {sliderbase, sliderArray, sliderRangeBase, style_slider } from \"f493b3d6ad410bbc\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4747,"value":"$${aDrawerStyles}\n${aSliderStyles}\n${aSelectStyles}\n${style_slider}\n${rankStyles}\n${styles}\n${dorlingStyles}","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"allStyles","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 45:"$44:body"