31:T8c6,A dengue é uma arbovirose transmitida pelo mosquito Aedes aegypti, que acomete principalmente países de [clima tropicais](https://www.who.int/news-room/fact-sheets/detail/dengue-and-severe-dengue) e pode causar sintomas leves, graves e até a morte. Estima-se que de 2008 a 2017 a Dengue tenha sido responsável somente no Brasil por custos diretos e indiretos a economia brasileira que que podem variar entre [2.4 à 6.7 bilhões de dólares](https://doi.org/10.1016/j.jval.2018.04.1050). Neste período, 8,3 milhões de casos de dengue foram tratados em ambulatório, 600 mil em hospitais e foram relatadas 6 mil mortes. Nas crianças a dengue pode ser assintomática, ou, em um primeiro contato causar sintomas mais leves. O que muitas vezes faz com que não seja diagnosticada. Em um estudo antigo em crianças em idade escolar no Rio de Janeiro (1987), 33% apresentaram anticorpos contra a Dengue, indicando contato anterior com o vírus, [mesmo com os pais declarando que nunca haviam tido a doença](https://www.scielo.br/j/jped/a/QyKrZ5RTBtwgKNYrKmpvmvH/?lang=pt). E apesar destes dados, possivelmente, terem se alterado significativamente com o tempo, é inegável que ainda hoje as taxas de vigilância sobre contágio em crianças poderiam melhorar substancialmente. Contudo, quando falamos de variantes mais agressivas da doença, as crianças se encontram desproporcionalmente em vulnerabilidade. Justamente pelo fato de que infecções sucessivas são as principais culpadas por quadros graves de Dengue, principalmente sua variante hemorrágica, crianças não diagnosticadas podem sofrer consequências severas de contatos sucessivos com o vírus. Em 2019 em uma análise no hospital de Urgência de Sergipe [95% dos afligidos por complicações derivadas da dengue eram crianças com até 14 anos](https://www.se.gov.br/noticias/saude/infectologista_da_dicas_de_como_identificar_sinais_de_dengue_em_criancas) (73 dos 75 casos). Além disso, em alguns países asiáticos as crianças atingiram a triste marca de representar [quase metade de todas as fatalidades causadas por Dengue](https://www.theguardian.com/global-development/2019/sep/12/hundreds-of-children-die-in-philippine-dengue-epidemic-as-local-action-urged). 32:T460,Desde 2017, a partir da ocorrência de um surto de Zika e chicungunha no Brasil, o UNICEF Brasil iniciou um esforço para aumentar sua atuação no monitoramento para compreensão de como tais epidemias afetam as populações mais vulneráveis. Ao longo dos anos que se passaram o UNICEF Brasil atuou no fortalecimento de parcerias públicas e privadas para aperfeiçoar a disponibilidade de dados para a elaboração e implementação de estratégias de combate a epidemias de doenças transmitidas por vetores. Esse esforço culminou, em 2020 em uma colaboração com pesquisadores da Universidade de Notre Dame (EUA), em que se iniciou um trabalho de desenvolvimento de um Modelo Computacional para a predição de epidemias de Dengue no território brasileiro ao nível estadual. Ao longo deste projeto, foi desenvolvido um modelo epidemiológico mecanístico do tipo SEIR (link de referência) para a dinâmica de propagação semanal de casos de Dengue ao longo do ano, e o UNIECF iniciou a exploração de modelos de [Deep Learning](https://pt.wikipedia.org/wiki/Aprendizagem_profunda) para o mesmo objetivo. 33:T462,Ser capaz de prever o número de casos de dengue ao longo do ano, e principalmente, as tendências epidemiológicas ao longo do tempo, facilitam a tomada de decisão para gestores e técnicos na área da vigilância em saúde pública. Abaixo são descritos alguns exemplos de aplicação deste tipo de ferramenta preditiva: - Apoio na criação de alertas e promoção de ações preventivas que podem antecipar cenários futuros particularmente alarmantes. - Auxílio na mensuração e avaliação dos efeitos de medidas preventivas implementadas. Isso pode ser realizado, por meio da comparação entre o número de casos esperados e o número de casos de observados durante um período de interesse. Para isso, é necessário um bom modelo preditivo para se quantificar a expectativa de casos e avaliar o quanto eles foram mitigados pela intervenção aplicada. - Promoção de estudos e entendimento sobre possíveis fatores sociais e ambientais associados, como fatores como o aquecimento global, impactos ambientais causados por grandes empreendimentos, políticas públicas de prevenção e controle, etc. 34:T513,html` `35:Tab4,drawStateCols = function($svg) { const cols = $svg .selectAll('.g-vis') .data([1]) .join('g') .classed('g-vis', true) .attr("transform", `translate(${margin.col.l}, ${margin.col.t})`) .selectAll('rect'); const axis = $svg .selectAll('.g-axis') .data([1]) .join('g') .classed('g-axis', true) .attr("transform", `translate(${margin.col.l}, ${margin.col.t})`) const x = axis.selectAll('.g-axis-x'); const y = axis.selectAll('.g-axis-y'); const xAxis = d3 .axisBottom(scaleColumnX) .tickSizeOuter(0) .tickSizeInner(0) const yAxis = d3 .axisLeft(scaleColumnY); return (transition) => { const dataIn = Array.from(casesby100T) .map(d => ({ DATE: d[0], CASES_BY_100T: d[1].get(estado)[0].CASES_BY_100T })) .sort((a, b) => a.DATE - b.DATE); scaleColumnX.domain(dataIn.map(d => d.DATE)) scaleColumnY.domain([0, d3.max(dataIn, d => d.CASES_BY_100T)]); const barSize = scaleColumnX.bandwidth(); xAxis .tickValues(dataIn.filter((d,i) => { if (groupBy === 'Trimestre') { const year = d.DATE.slice(0,4); const quarter = d.DATE.slice(4); return +quarter === 1 && +year % 2 === 0 } return i % 2 === 0; }).map(d => d.DATE)) .tickFormat(d => { if (groupBy === 'Trimestre') { return d.slice(0,4); } return d; }) cols.data(dataIn) .join('rect') .attr('x', d => scaleColumnX(d.DATE)) .attr('width', barSize) .attr('fill', '#1CABE2') .on('mouseenter', (event, d) => showBarTooltipOnEnter(event, d, '.state-cols-tooltip')) .on('mouseleave', (event, d) => hideBarTooltipOnLeave(event, d, '.state-cols-tooltip')) .transition() .attr('y', d => scaleColumnY(d.CASES_BY_100T)) .attr('height', d => colH - scaleColumnY(d.CASES_BY_100T)) // .on('mouseleave', (event, d) => { // hideMapTooltipOnEnter(event, d); // }); const $xAxis = x.data([1]) .join('g') .classed('g-axis-x', true) .attr("transform", `translate(0, ${colH})`) .call(xAxis); const $yAxis = y.data([1]) .join('g') .classed('g-axis-y', true) .call(yAxis); $yAxis.selectAll('.domain').remove() if (groupBy === 'Trimestre') { $xAxis.selectAll('.tick text').attr('dx', `${1.5 * barSize}`); } $xAxis .selectAll('.tick') .selectAll('rect') .data(d => groupBy === 'Trimestre' ? [d] : []) .join('rect') .attr('x', -barSize * 0.5) .attr('y', 0) .attr('width', scaleColumnX.step() * 4 - (scaleColumnX.step() - scaleColumnX.bandwidth())) .attr('height', 2) .attr('fill', 'black'); } }36:Ta58,drawNationalCols = function($svg) { const cols = $svg .selectAll('.g-vis') .data([1]) .join('g') .classed('g-vis', true) .attr("transform", `translate(${margin.col.l}, ${margin.col.t})`) .selectAll('rect'); const axis = $svg .selectAll('.g-axis') .data([1]) .join('g') .classed('g-axis', true) .attr("transform", `translate(${margin.col.l}, ${margin.col.t})`) const x = axis.selectAll('.g-axis-x'); const y = axis.selectAll('.g-axis-y'); const xAxis = d3 .axisBottom(scaleColumnX) .tickSizeOuter(0) .tickSizeInner(0) const yAxis = d3 .axisLeft(scaleColumnY) // .tickSizeOuter(0) // .tickSizeInner(-colW) return (transition) => { const dataIn = Array.from(nationalCasesby100T) .map(d => ({ DATE: d[0], CASES_BY_100T: d[1][0].CASES_BY_100T })); scaleColumnX.domain(dataIn.map(d => d.DATE)) scaleColumnY.domain([0,nationalCasesby100TRange[1]]); const barSize = scaleColumnX.bandwidth(); xAxis .tickValues(dataIn.filter((d,i) => { if (groupBy === 'Trimestre') { const year = d.DATE.slice(0,4); const quarter = d.DATE.slice(4); return +quarter === 1 && +year % 2 === 0 } return i % 2 === 0; }).map(d => d.DATE)) .tickFormat(d => { if (groupBy === 'Trimestre') { return d.slice(0,4); } return d; }) cols.data(dataIn) .join('rect') .attr('x', d => scaleColumnX(d.DATE)) .attr('width', barSize) .attr('fill', '#1CABE2') .on('mouseenter', (event, d) => showBarTooltipOnEnter(event, d, '.national-cols-tooltip')) .on('mouseleave', (event, d) => hideBarTooltipOnLeave(event, d, '.national-cols-tooltip')) .transition() .attr('y', d => scaleColumnY(d.CASES_BY_100T)) .attr('height', d => colH - scaleColumnY(d.CASES_BY_100T)); const $xAxis = x.data([1]) .join('g') .classed('g-axis-x', true) .attr("transform", `translate(0, ${colH})`) .call(xAxis); const $yAxis = y.data([1]) .join('g') .classed('g-axis-y', true) .call(yAxis); $yAxis.selectAll('.domain').remove() if (groupBy === 'Trimestre') { $xAxis.selectAll('.tick text').attr('dx', `${1.5 * barSize}`); } $xAxis .selectAll('.tick') .selectAll('rect') .data(d => groupBy === 'Trimestre' ? [d] : []) .join('rect') .attr('x', -barSize * 0.5) .attr('y', 0) .attr('width', scaleColumnX.step() * 4 - (scaleColumnX.step() - scaleColumnX.bandwidth())) .attr('height', 2) .attr('fill', 'black'); } }37:T87c,drawStateBars = function($svg) { let bars = $svg .selectAll('g') .data([1]) .join('g') .attr("transform", `translate(${margin.bar.l}, ${margin.bar.t})`) .selectAll('rect'); let axisX = $svg .selectAll('.g-axis-x') .data([1]) .join('g') .attr('transform', `translate(${margin.bar.l}, ${margin.bar.t})`); let axisY = $svg .selectAll('.g-axis-Y') .data([1]) .join('g') .attr('transform', `translate(${margin.bar.l}, ${margin.bar.t})`); $svg .selectAll('.title') .data([1]) .join('text') .classed('title', true) .attr("transform", `translate(${margin.bar.l}, ${margin.bar.t * 0.55})`) // .text('State bars') const xAxis = d3 .axisTop(scaleBarX) .ticks(barW / 160) // .tickSizeOuter(0) // .tickSizeInner(-barHeight) // .tickSizeInner(0) const yAxis = d3 .axisLeft(scaleBarY) .tickSizeOuter(0) .tickSizeInner(0) return (date, transition) => { const dataIn = Array.from(casesby100T.get(date)).map(d => ({ STATE: d[0], CASES_BY_100T: d[1][0].CASES_BY_100T })); scaleBarX.domain([0, d3.max(dataIn, d => d.CASES_BY_100T)]); scaleBarY.domain(dataIn.map(d => d.STATE)); bars = bars .data(dataIn, d => d.STATE) .join( enter => enter.append('rect') .attr('x', 0) .attr('width', d => scaleBarX(d.CASES_BY_100T)) .attr('y', d => scaleBarY(d.STATE)) .attr('height', scaleBarY.bandwidth()) .on('mouseenter', (event, d) => showStateBarTooltipOnEnter(event, d, '.state-bar-tooltip')) .on('mouseleave', (event, d) => hideStateBarTooltipOnLeave(event, d, '.state-bar-tooltip')), update => update, exit => exit.transition(transition).remove(), ) .call(bar => bar .transition(transition) .attr('width', d => scaleBarX(d.CASES_BY_100T)) .attr('y', d => scaleBarY(d.STATE)) ) .attr('fill', d => scaleColor(d.CASES_BY_100T)); axisX.transition(transition).call(xAxis); axisX.select(".domain").remove(); axisY.transition(transition).call(yAxis); axisY.select(".domain").remove(); } }38:[{"id":"6c92b21f92e8463fb5f913214fa88ef25b2a9dec2dbfe4531b76a457585c38a498001347112973d9868f45365ade3344f8a108b82ec46ad5698b2a3f28789b93","href":"https://static.observableusercontent.com/files/6c92b21f92e8463fb5f913214fa88ef25b2a9dec2dbfe4531b76a457585c38a498001347112973d9868f45365ade3344f8a108b82ec46ad5698b2a3f28789b93","name":"br-map_v2-simplified@2.geojson","type":"application/geo+json","lastModified":1638501541808.244,"size":427618},{"id":"1266d1d70e1b062cf5645b7be56ec8836f5c613d2774024bd76dfd51d21aac66339a1046f4d452411e6b3ba41e289c8c07ae8cf9846544c5523681b19469b1cc","href":"https://static.observableusercontent.com/files/1266d1d70e1b062cf5645b7be56ec8836f5c613d2774024bd76dfd51d21aac66339a1046f4d452411e6b3ba41e289c8c07ae8cf9846544c5523681b19469b1cc","name":"dengue@1.db","type":"application/x-sqlite3","lastModified":1638501541808.244,"size":761856},{"id":"2dc6dd25e6937b501394287790d4e36cea4f60aea3f6a78296c1cd36a47fbe8388979799f2d1a72a3f1f86ce5665c68b2a7322c417bb187810e65fb6fbe1231b","href":"https://static.observableusercontent.com/files/2dc6dd25e6937b501394287790d4e36cea4f60aea3f6a78296c1cd36a47fbe8388979799f2d1a72a3f1f86ce5665c68b2a7322c417bb187810e65fb6fbe1231b","name":"EMEF-Francisco-Nascimento-01.jpg","type":"image/jpeg","lastModified":1638501541808.244,"size":1695087},{"id":"48d299c2018c0e6e3ab1ca83db4395cf4b52c4434b6312d94748baa1ee2fc6a9240d25fed2b2d73fa5f696063ece2a141556b5d76c6c9e485e9fbc889a8ffa9b","href":"https://static.observableusercontent.com/files/48d299c2018c0e6e3ab1ca83db4395cf4b52c4434b6312d94748baa1ee2fc6a9240d25fed2b2d73fa5f696063ece2a141556b5d76c6c9e485e9fbc889a8ffa9b","name":"IMG_8098x.jpg","type":"image/jpeg","lastModified":1638501541808.244,"size":5812712}] 2f:{"title":"A Dengue no Brasil","cells":[{"id":0,"value":"

A Dengue no Brasil

\n \n

\n UNICEF BRASIL\n

\n DOE AGORA\n

","pinned":false,"hidden":false,"mode":"html"},{"id":2568,"value":"md`${await FileAttachment(\"EMEF-Francisco-Nascimento-01.jpg\").image()}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3105,"value":"Foto: João Laet","pinned":false,"hidden":false,"mode":"html"},{"id":2579,"value":"## O histórico da dengue no Brasil animado\nUse os controles para assistir a animação e explorar os dados","pinned":false,"hidden":false,"mode":"md"},{"id":327,"value":"viewof activePeriod = Player(\n periods, {\n delay: 1500,\n autoplay: false,\n format: parsePeriod,\n show: { stepLeft: true, stepRight: true, play: true, stop: true, alternate: false }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":838,"value":"viewof groupBy = Inputs.select(['Ano', 'Trimestre'], { label: 'Agregar os dados por:' } )","pinned":false,"hidden":false,"mode":"ojs"},{"id":1104,"value":"

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

","pinned":false,"hidden":false,"mode":"html"},{"id":2725,"value":"Dados: Ministério da Saúde","pinned":false,"hidden":false,"mode":"html"},{"id":1949,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":1954,"value":"## A epidemia em nível nacional\nCasos por 100,000","pinned":false,"hidden":false,"mode":"md"},{"id":1739,"value":"

\n \n