29:null 2a:["$","title",null,{"children":"100 Anos UFRJ - Recorte | Lucas Barcellos Oliveira | Observable"}] 2f:Tab1,viewof chart4 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height4]) .style("overflow", "visible"); let rect= svg.append("g") .selectAll("g") .data(series) .enter().append("g") .attr("fill", d => color4_novo(d.key)) .attr("stroke", "black") .attr("stroke-width", 0) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x4(d[0])) .attr("y", d => y4(d.data.periodo)) .attr("width", d => x4(d[1]) - x4(d[0])) .attr("height", y4.bandwidth()) .attr("text-tooltip", d => `${d.data.periodo} ${d.key}\n${(selAbsolutos=="Não")?formatPercent(d[1] - d[0]):""} (${formatValue(d.data[d.key])} alunos)`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) .on("click",e=>{e.stopPropagation(); detalhe(d3.select(e.target).data()[0].key);}) //.append("title") // .text(d => `${d.data.periodo} ${d.key}\n${formatPercent(d[1] - d[0])} (${formatValue(d.data[d.key])})`); let selecao="" let detalhe = categoria => { if (selecao){ rect.transition("t4").style("fill-opacity", 1) rect .transition("tSel") //translada_sel .duration(500) .attr("x",d=>x4(d[0])) .transition("tSel") //destaque_cor .duration(500) .style("fill",d=>color4_novo(d.key)) selecao="" return } let deslocamento=[] rect.filter(d=>d.key==categoria).each(d=>deslocamento.push(x4(d[1]) - x4(d[0]))) rect.transition("t4").style("fill-opacity", 1) rect .transition("tSel") //destaque_cor .duration(500) .style("fill",d=>(d.key==categoria)?color4_novo(d.key):d3.interpolate(color4_novo(d.key),"#F9F9F9")(0.95)) .transition("tSel") //translada_sel .duration(500) .attr("x",(d,i)=>{ if (d.key==categoria) return x4(0) else if (ordem4[d.key] { d3.select(rect.filter(e=>e==d).node().parentNode).raise() //traz categorias para o topo rect.filter(e=>e==d).raise() //traz rect para topo da categoria rect.transition("t4").attr("stroke-width", node => node==d ? 1.5 : 0 ); } let mouseLeave = () => { rect.transition("t4").attr("stroke-width", 0); } rect.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) svg.append("g") .call(xAxis4); svg.append("g") .call(yAxis4); return svg.node(); }30:Tcb4,mutable dados4 = { let dados, atributo switch (filtro4_tema){ //seleciona conjunto de dados e nome da coluna desejados case "Cor": if (filtro4_curso=="Todos"){ let ret=[...dados4Geral[filtro4_centro]["racaCor"]] if (sellimpar4=="Sim") ret=limpar4(ret) ret.columns=["periodo", "Amarelo", "Branco", "Índio", "Pardo", "Preto", "Não declarado"] if (selRemoveNao=="Sim") removeNao(ret) return ret } dados=grad_matriculados_cor atributo="racaCor" break case "Gênero": if (filtro4_curso=="Todos"){ let ret=[...dados4Geral[filtro4_centro]["sexo"]] if (sellimpar4=="Sim") ret=limpar4(ret) ret.columns=["periodo", "Feminino", "Masculino", "Não-binárie", "Não declarado"] if (selRemoveNao=="Sim") removeNao(ret) return ret } dados=grad_matriculados_genero atributo="sexo" break default: //caso renda if (filtro4_curso=="Todos"){ let ret=[...dados4Geral[filtro4_centro]["renda"]] if (sellimpar4=="Sim") limpar4(ret) ret.columns=["periodo", "Até 1 salário mínimo (SM)", "Até 1,5 SM", "De 1,5 até 3 SM", "De 3 até 5 SM", "De 5 até 7 SM", "De 7 até 10 SM", "De 10 até 15 SM", "De 15 até 20 SM", "De 20 até 30 SM", "Mais de 30 salários mínimos", "Não desejo responder essa pergunta", "Não declarado"] if (selRemoveNao=="Sim") removeNao(ret) return ret } dados=grad_matriculados_renda atributo="renda" } let dados_filtrados=dados.filter(d=>d.curso==filtro4_curso&&d.periodo>0&&d.periodo<3) //escolhe curso e periodos 1 e 2 let periodos=[...new Set(dados_filtrados.map(d => d.ano+"."+d.periodo))].sort() //obtem todos os periodos let opcoes=[...new Set(dados.map(d => d[atributo]))].sort() //obtem todos os valores possiveis do campo desejado let dados4=[] periodos.forEach(function(d){ //para cada periodo disponivel let novo={periodo:d} //cria objeto referente ao periodo let total=0 //inicializa total de alunos opcoes.forEach(function (e){ //para cada valor possivel de resposta let subtotal=dados_filtrados.filter(f=>f.ano+"."+f.periodo==d&&f[atributo]==e)[0] //obtem registro p tal resposta if (subtotal===undefined) subtotal={QTD:0} //caso nao encontrado, nao ha alunos subtotal=subtotal["QTD"] //obtem qtd de alunos com tal resposta novo[converter4(e)]=parseInt(subtotal) //armazena qtd de alunos com tal resposta no novo objeto total+=parseInt(subtotal) //adiciona ao total de alunos do periodo (soma de todas as respostas) }) novo.total=total //armazena total de alunos no periodo dados4.push(novo) //insere no final do array a ser retornado }) if (sellimpar4=="Sim") dados4=limpar4(dados4) //remove anos pouco significativos, se desejado // adiciona array com nomes das colunas ao array a ser retornado e ordena na ordem desejada dados4.columns=["periodo"].concat([...new Set(opcoes.map(d=>converter4(d)))]).sort((a,b)=>ordem4[a]-ordem4[b]) if (selRemoveNao=="Sim") removeNao(dados4) //remove nao respondidos, se desejado return (selordem4=="Crescente")?dados4:dados4.sort((a,b)=>b.periodo-a.periodo) //ordena ordem (de)crescente de tempo }31:Td57,mapa = { const svg = d3.select(DOM.svg(width, height5)) //hachura baseada em https://stackoverflow.com/questions/13069446/simple-fill-pattern-in-svg-diagonal-hatching svg.append("defs") .append("pattern") .attr("id","hachura") .attr("patternUnits","userSpaceOnUse") .attr("width",4) .attr("height",4) .append("path") .attr("d","M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2") .style("stroke","lightgray") .style("stroke-width",1) const g = svg.append('g') //Zoom function zoomed(event) { const {transform} = event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } const zoom = d3.zoom() .scaleExtent([1, 8]) .on("zoom", zoomed); svg.call(zoom); function reset() { svg.transition("reset5").duration(500).call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height5 / 2]) ); } //svg.on("click", reset); // const proj_br = d3.geoMercator() .scale(width*0.7) //650 .center([-55, -15]) //-35,-15 .translate([width/2, height5/2]) const path = d3.geoPath().projection(proj_br) let estados= g.selectAll('.estado') .data(topojson.feature(rawmap, rawmap.objects.estados).features) .enter() .append('path') .attr("class","estado") .attr('d', path) .attr("fill","#EAEAEA") //.attr('fill', (d, i) => { // if(d.id=="RJ") // return "url(#hachura)" // else // return color5(dados5[d.id]) //}) .attr("stroke","#FFF") .attr("stroke-width",2) .attr("text-tooltip",d=>d.id+"\n"+dados5[d.id]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //.append("title") // .text(d=>d.id+"\n"+dados5[d.id]+" alunos") let centros= g.selectAll(".estadocentro") .data(topojson.feature(rawmap, rawmap.objects.estados).features) .enter() .append("circle") .attr("cx",d=>path.centroid(d)[0]) .attr("cy",d=>path.centroid(d)[1]) .attr("r",d=>(d.id=="RJ"||!dados5[d.id])?0:2+Math.pow(dados5[d.id],0.7)/15) //dados5[d.id]/200 .attr("fill","#480065") .attr("fill-opacity",0.5) .attr("stroke","#AAA") .attr("stroke-width",0.5) .attr("text-tooltip",d=>d.id+"\n"+dados5[d.id]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { centros.filter(e=>e==d).raise() centros.transition("t5").attr("stroke-width", node => node==d ? 1 : 0.1) } let mouseLeave = () => { centros.transition("t5").attr("stroke-width", 0.1) } centros.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) let gbtn=svg.append("g").attr("transform","translate(10,10)") gbtn.append("rect") .attr("width",80) .attr("height",20) .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 .attr("stroke","lightgray") .attr("stroke-width",1) .attr("rx",10) gbtn.append("text") .text("Centralizar") .attr("font-size",15) .attr("text-anchor","middle") .attr("x",40) .attr("alignment-baseline","middle") .attr("y",12) .attr("fill","white") gbtn.on("click",reset) return svg.node() }32:Te2b,mapa2 = { const svg = d3.select(DOM.svg(width, height8)) const g = svg.append('g') //Zoom function zoomed(event) { const {transform} = event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } const zoom = d3.zoom() .scaleExtent([1, 8]) .on("zoom", zoomed); svg.call(zoom); function reset() { svg.transition("reset8").duration(500).call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height8 / 2]) ); } //svg.on("click", reset); // const proj = d3.geoMercator() .scale(width*80) //80000 .center([-43.45, -22.91]) .translate([width/2, height8/2]) const path = d3.geoPath().projection(proj) let bairros= g.selectAll('.bairro') .data(topojson.feature(rawmap2, rawmap2.objects.Limite_Bairro).features) .enter() .append('path') .attr("class","bairro") .attr('d', path) .attr('fill',"#EAEAEA") .attr("stroke","white") .attr("stroke-width",2) .attr("text-tooltip", d=>d.properties.NOME.trim()+"\n"+dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //.append("title") // .text(d=>d.properties.NOME.trim()+"\n"+dados55[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]+" alunos") let centros= g.selectAll(".bairrocentro") .data(topojson.feature(rawmap2, rawmap2.objects.Limite_Bairro).features) .enter() .append("circle") .attr("cx",d=>{ if (d.properties.NOME.trim()=="Jacarepaguá") return path.centroid(d)[0]*0.95 if (d.properties.NOME.trim()=="Bangu") return path.centroid(d)[0]*1.05 return path.centroid(d)[0] }) .attr("cy",d=>{ if (d.properties.NOME.trim()=="Ipanema") return path.centroid(d)[1]*0.9 return path.centroid(d)[1] }) .attr("r",d=>(!dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")])?0:2+Math.pow(dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")],0.5)/15) .attr("fill","#480065") .attr("fill-opacity",0.5) .attr("stroke","#AAA") .attr("stroke-width",0.5) .attr("text-tooltip",d=>d.properties.NOME.trim()+"\n"+dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { bairros.filter(e=>e==d).raise() bairros.transition("t8").attr("stroke-width", node => node==d ? 1 : 0.1) } let mouseLeave = () => { bairros.transition("t8").attr("stroke-width", 0.1) } //bairros.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) let gbtn=svg.append("g").attr("transform","translate(10,10)") gbtn.append("rect") .attr("width",80) .attr("height",20) .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 .attr("stroke","lightgray") .attr("stroke-width",1) .attr("rx",10) gbtn.append("text") .text("Centralizar") .attr("font-size",15) .attr("text-anchor","middle") .attr("x",40) .attr("alignment-baseline","middle") .attr("y",12) .attr("fill","white") gbtn.on("click",reset) return svg.node() }33:Tff3,mapa3 = { const svg = d3.select(DOM.svg(width, height9)) import("https://kit.fontawesome.com/b49e2d1a34.js") //hachura baseada em https://stackoverflow.com/questions/13069446/simple-fill-pattern-in-svg-diagonal-hatching svg.append("defs") .append("pattern") .attr("id","hachura3") .attr("patternUnits","userSpaceOnUse") .attr("width",4) .attr("height",4) .append("path") .attr("d","M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2") .style("stroke","lightgray") .style("stroke-width",1) const g = svg.append('g') //Zoom function zoomed(event) { const {transform} = event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } const zoom = d3.zoom() .scaleExtent([1, 8]) .on("zoom", zoomed); svg.call(zoom); function reset() { svg.transition("reset9").duration(500).call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height9 / 2]) ); } //svg.on("click", reset); // const proj = d3.geoMercator() .scale(width*11) //80000 .center([-43, -22.09]) .translate([width/2, height9/2]) const path = d3.geoPath().projection(proj) let municipios= g.selectAll('.municipio') .data(topojson.feature(rawmap3, rawmap3.objects["geojs-33-mun"]).features) .enter() .append('path') .attr("class","municipio") .attr('d', path) .attr('fill', "#EAEAEA") .attr("stroke","white") .attr("stroke-width",2) .attr("text-tooltip", d=>d.properties.name+"\n"+dados9[d.properties.name.toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let centros= g.selectAll(".municipiocentro") .data(topojson.feature(rawmap3, rawmap3.objects["geojs-33-mun"]).features) .enter() .append("circle") .attr("cx",d=>{ if (d.properties.name=="Paraty") return path.centroid(d)[0]*0.95 if (d.properties.name=="Resende") return path.centroid(d)[0]*1.05 if (d.properties.name=="Porciúncula") return path.centroid(d)[0]*1.01 return path.centroid(d)[0] }) .attr("cy",d=>{ if (d.properties.name=="Bom Jesus do Itabapoana") return path.centroid(d)[1]*1.1 return path.centroid(d)[1] }) .attr("r",d=>(d.properties.name=="Rio de Janeiro" || !dados9[d.properties.name.toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")])?0:2+Math.pow(dados9[d.properties.name.toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")],0.7)/70) .attr("fill","#480065") .attr("fill-opacity",0.5) .attr("stroke","#AAA") .attr("stroke-width",0.5) .attr("text-tooltip",d=>d.properties.name+"\n"+dados9[d.properties.name.toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]+" alunos") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { municipios.filter(e=>e==d).raise() municipios.transition("t9").attr("stroke-width", node => node==d ? 1 : 0.1) } let mouseLeave = () => { municipios.transition("t9").attr("stroke-width", 0.1) } //municipios.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) let gbtn=svg.append("g").attr("transform","translate(10,10)") gbtn.append("rect") .attr("width",80) .attr("height",20) .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 .attr("stroke","lightgray") .attr("stroke-width",1) .attr("rx",10) gbtn.append("text") .text("Centralizar") .attr("font-size",15) .attr("text-anchor","middle") .attr("x",40) .attr("alignment-baseline","middle") .attr("y",12) .attr("fill","white") gbtn.on("click",reset) return svg.node() }34:T1921,arvore2 = { if (width<900) return html` Ícone por Freepik em www.flaticon.com

Para ver esta visualização corretamente, por favor utilize um dispositivo com maior tamanho de tela.

` const root = tree(d3.hierarchy(hierarquia2) .sort((a, b) => d3.ascending(a.data.name, b.data.name))) const color = {"CCJE":paletacentros["Centro de Ciências Jurídicas e Econômicas"], "CCS":paletacentros["Centro de Ciências da Saúde"], "CLA":paletacentros["Centro de Letras e Artes"], "CFCH":paletacentros["Centro de Filosofia e Ciências Humanas"], "CCMN":paletacentros["Centro de Ciências Matemáticas e da Natureza"], "Campus de Macaé":"#d4bf00", "Campus de Xerém":paletacentros["Xerém"], "CT":paletacentros["Centro de Tecnologia"]} const svg = d3.create("svg")//.on("mousedown",e=>{mutable removeCentro=[]}) //limpa lista de exclusao se clica no fundo let paths=(ocultar=="Não")?root.links():root.links().filter(d=>d.source.data.name!="Universidade Federal do Rio de Janeiro (UFRJ)") //oculta linhas vindo da raiz //obtem numero de alunos do curso com mais alunos let maxqtd=Math.max(...hierarquia2.children.map(d=>d.children.map(e=>e.children.map(f=>f.qtd))).flat(2)) //let maxqtd=534 //obtem numero de alunos do link com maior numero de alunos/mais grosso let maxpath=d3.max(paths.map(d=>d.target.data.qtd)) let links= svg.append("g") .attr("fill", "none") .attr("stroke", "#555") //#999 .style("stroke-opacity", 0.3) .attr("stroke-linecap","round") .selectAll("path") .data(paths) .join("path") .attr("stroke-width", 1) //d=>1+d.target.data.qtd*7/maxpath) .attr("stroke",d=>color[parenteses(d.source.data.name)] ||color[parenteses(d.target.data.name)] ||shadeColor(color[parenteses(d.source.parent.data.name)],(varCor=="Sim")?-d.target.data.qtd*75/maxqtd+25:0)) .attr("d", d3.linkRadial() //curvas de bezier .angle(d => d.x) .radius(d => d.y)) //.on("mousedown", selecCentro) let descendants=(ocultar=="Não")?root.descendants():root.descendants().filter(d=>d.data.name!="Universidade Federal do Rio de Janeiro (UFRJ)") //oculta circulo da raiz let circles= svg.append("g") .selectAll("circle") .data(descendants) .join("circle") .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0) `) .attr("fill", d=>!d.parent?"#000000":color[parenteses(d.data.name)] ||color[parenteses(d.parent.data.name)] ||shadeColor(color[parenteses(d.parent.parent.data.name)],(varCor=="Sim")?-d.data.qtd*75/maxqtd+25:50)) //valor entre -50 e 100 .attr("r", 2.5) //.on("mousedown", selecCentro) .attr("text-tooltip",d=>`${d.data.name}\n${d.data.qtd} ${filtro6}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //barras let bars if(selBarras=="Sim") bars= svg.append("g") .selectAll("rect") .data(descendants.filter(d=>!d.children)) .join("rect") .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90 - 0.2}) translate(${d.y+3},0) `) .attr("fill", d=>!d.parent?"#000000":color[parenteses(d.data.name)] ||color[parenteses(d.parent.data.name)] ||shadeColor(color[parenteses(d.parent.parent.data.name)],(varCor=="Sim")?-d.data.qtd*75/maxqtd+25:50)) //valor entre -50 e 100 .attr("width", d=>d.data.qtd*barraMax/maxqtd) .attr("height", 3) .attr("text-tooltip",d=>`${d.data.name}\n${d.data.qtd} ${filtro6}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //.on("mousedown", selecCentro) // let t=svg.append("g") //.attr("font-family", "tahoma") .attr("font-size", 17) .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("text") .data(descendants) .join("text") .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90}) translate(${(!d.children && selBarras=="Sim")?d.y+barraMax:d.y},0) rotate(${d.x >= Math.PI ? 180 : 0}) `) //translate(${(d.data.qtd&&selBarras=="Sim")?d.y+d.data.qtd*50/maxqtd:d.y},0) .attr("dy", "0.25em") .attr("x", d => d.x < Math.PI === !d.children ? 6 : -6) .attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end") .text(d => (d.children)?parenteses(d.data.name):d.data.name) //nao separa parenteses em nomes de cursos .attr("text-tooltip",d=>`${d.data.name}\n${d.data.qtd} ${filtro6}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //.on("mousedown", selecCentro) t.clone(true).lower() .attr("stroke", "white") //adiciona texto em cor branca atras let mouseEnter = (event, d) => { //obtem ancestrais - pode remover raiz utilizando splice(1) const sequence = d .ancestors() .reverse() //destaca ancestrais circles.transition("tCircles").style("fill-opacity", node => sequence.indexOf(node) >= 0 ? 1 : 0.3 ); links.transition("tLinks").style("stroke-opacity", node => sequence.map(e=>e.data.name).indexOf(node.target.data.name) >= 0 ? 1 : 0.3 ); bars.transition("tBars").style("fill-opacity", node => sequence.indexOf(node) >= 0 ? 1 : 0.3 ); t.transition("tText").style("fill-opacity", node => sequence.indexOf(node) >= 0 ? 1 : 0.3 ); } let mouseLeave = () => { circles.transition("tCircles").style("fill-opacity", 1); links.transition("tLinks").style("stroke-opacity", 0.3); bars.transition("tBars").style("fill-opacity", 1); t.transition("tText").style("fill-opacity", 1); } circles.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) bars.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) t.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) return svg.attr("viewBox", autoBox).node() }35:Tacb,hierarquia2={ let dadosAno=[...dados6].filter(d=>d.ano==ano62) //obtem registros do ano desejado if (sellimpar6=="Sim") dadosAno=dadosAno.filter(d=>!d.curso.includes("EAD")&&!d.curso.includes("NC")) let raiz={name:"Universidade Federal do Rio de Janeiro (UFRJ)",children:[]} //cria objeto e adiciona raiz dadosAno.forEach(d=>{ //para cada registro do ano //tratamento de excecoes if (d.Centro=="Sem informação") return //pula caso informacao esteja incompleta if (d["Centro"]=="Centro de Artes e Letras") d["Centro"]+=" (CLA)" //ren EBA if (d["Faculdade/ Escola"]=="Escola de Belas Artes") d["Faculdade / Escola"]+=" (EBA)" //ren EBA if (d["Faculdade/ Escola"]=="Observ Valongo/Inst Física/Inst Matemática/Inst Geociências") d["Faculdade/ Escola"]+=" (Multiunidade)" if (d["Faculdade/ Escola"]=="Faculdade de Economia e Administração") d["Faculdade/ Escola"]+=" (FEA)" //renomeia FEA if (d["Faculdade/ Escola"]=="Instituto de Relações Internacionais e Defesa") d["Faculdade/ Escola"]+=" (IRID)" //renomeia IRID if (d["Faculdade/ Escola"]=="Escola de Enfermagem Anna Nery ") d["Faculdade/ Escola"]+=" (EEAN)" //renomeia EEAN if (d["Faculdade/ Escola"]=="Instituto de Psiquiatria / Escola de Música") d["Faculdade/ Escola"]+=" (Multiunidade)" // if (!raiz.children.find(obj=>obj.name===d.Centro)) //se centro nao incluido raiz.children.push({name:d.Centro,children:[]}) if (!raiz.children.find(obj=>obj.name===d.Centro).children.find(obj=>obj.name===d["Faculdade/ Escola"])) //se faculdade/escola nao incluida raiz.children.find(obj=>obj.name===d.Centro).children.push({name:d["Faculdade/ Escola"],children:[]}) if (!raiz.children.find(obj=>obj.name===d.Centro).children.find(obj=>obj.name===d["Faculdade/ Escola"]).children.find(obj=>obj.name===d.curso)) //se curso nao incluido raiz.children.find(obj=>obj.name===d.Centro).children.find(obj=>obj.name===d["Faculdade/ Escola"]).children.push({name:d.curso,children:[],qtd:+d["QTD"]}) else raiz.children.find(obj=>obj.name===d.Centro).children.find(obj=>obj.name===d["Faculdade/ Escola"]).children.find(obj=>obj.name===d.curso).qtd+=+d["QTD"] //incrementa n de matr }) if (filtro6=="Cancelados"){ let evasaoAno=evasao.filter(d=>d.ano==ano62) raiz.children.forEach(centro=>{ centro.children.forEach(inst=>{ inst.children.forEach((curso,i,arr)=>{ curso.qtd=evasaoAno.filter(d=>d.cursoNome==curso.name).map(d=>+d.cancelados).reduce((sum,val)=>sum+val,0) arr[i]=curso }) }) }) } raiz.children.forEach((d,i,arr)=>{ d.children.forEach((d2,i2,arr2)=>arr2[i2].qtd=qtdRec(d2)) arr[i].qtd=qtdRec(d) }) raiz.qtd=qtdRec(raiz) return raiz }36:T844,function labels(svg) { let label = svg.append("g") //.style("font", "bold 12px var(--sans-serif)") .style("font", "bold 12px Alegreya Sans") .style("font-variant-numeric", "tabular-nums") //.attr("text-anchor", "end") .selectAll("text"); return ([date, data], transition) => label = label .data(data.filter((d,i)=>i d.name) .join( enter => enter.append("text") .attr("transform", d => `translate(${x10((prev.get(d) || d).value)},${y10((prev.get(d) || d).rank)})`) .attr("y", y10.bandwidth() / 2) .attr("dy", "-0.25em") .text(d => d.name) .attr("alinDir",(d,i,nodes)=>+(nodes[i].getBoundingClientRect().width>x10((prev.get(d) || d).value)-6)) .attr("x", (d,i,nodes)=>+d3.select(nodes[i]).attr("alinDir")?6:-6) .attr("text-anchor",(d,i,nodes)=>+d3.select(nodes[i]).attr("alinDir")?"start":"end") .call(text => text.append("tspan") .attr("fill-opacity", 0.7) .attr("font-weight", "normal") .attr("x", (d,i,nodes)=>+d3.select(nodes[i].parentNode).attr("alinDir")?6:-6) .attr("dy", "1.15em")), update => update .attr("alinDir",(d,i,nodes)=>+(nodes[i].getBoundingClientRect().width>x10((prev.get(d) || d).value)-6)) .attr("x", (d,i,nodes)=>+d3.select(nodes[i]).attr("alinDir")?6:-6) .attr("text-anchor",(d,i,nodes)=>+d3.select(nodes[i]).attr("alinDir")?"start":"end") .call(text=>text.select("tspan") .attr("x", (d,i,nodes)=>+d3.select(nodes[i].parentNode).attr("alinDir")?6:-6)), exit => exit.transition(transition).remove() .attr("transform", d => `translate(${x10((next.get(d) || d).value)},${y10((next.get(d) || d).rank)})`) .call(g => g.select("tspan").tween("text", d => textTween(d.value, (next.get(d) || d).value))) ) .call(bar => bar.transition(transition) .attr("transform", d => `translate(${x10(d.value)},${y10(d.rank)})`) .call(g => g.select("tspan").tween("text", d => textTween((prev.get(d) || d).value, d.value)))); }37:T13af,visPos={ //baseado em https://observablehq.com/@aias/patient-timeline const svg = d3.select(DOM.svg(width + margin11.left + margin11.right, (numTypes * (rowHeight + rowPadding)) + margin11.top + margin11.bottom)); let chart = svg.append("g").attr("transform", `translate(${margin11.left}, ${margin11.top})`) let textOffset = 5 let barrasAno = chart.append("g") .selectAll("rect") .data(anoscriacao) .enter().append("rect") .attr("x", d => xesq(d.ano)-0.5*(width*0.85)/60) .attr("y", d => -ysup(d.qtd)) .attr("height", d => ysup(d.qtd)) .attr("width", d => (width*0.85)/60) .attr("fill", "#9000CB") //.attr("fill-opacity", 0.25) .attr("text-tooltip",d => `${d.qtd} cursos criados em ${d.ano.getFullYear()}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) chart.append("g") .call(xAxis11) let typeRows = chart.append("g") .selectAll("g") .data(typeEntries) .enter().append("g") typeRows.append("text") .text(d => `${convCentro(d[0])}`) .attr("font-size",15) .attr("x", margin11.left) .attr("y", d => yinf(d[0]) + textOffset) .attr("text-tooltip",d => d[0]) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) typeRows.filter((d,i,arr)=>i!=arr.length-1).append("line") .attr("x1", xesq.range()[0]-10) .attr("x2", xesq.range()[1]+10) .attr("stroke", "rgba(0,0,0,0.1)") .attr("y1", d => yinf(d[0])+rowPadding/2+size11+5) .attr("y2", d => yinf(d[0])+rowPadding/2+size11+5) typeRows.append("rect") //barras por centro .attr("x", xdir.range()[0]) .attr("y", d => yinf(d[0]) - rowHeight / 2) .attr("height", rowHeight) .attr("width", d => xdir(d[1].count) - xdir.range()[0]) .attr("fill", "#E199FF") //.attr("fill-opacity", 0.25) .attr("text-tooltip",d => `${d[1].count} programas criados em ${convCentro(d[0])}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) typeRows.append("text") .text(d => d[1].count) .attr("font-size",15) .attr("text-anchor", "end") .attr("x", xdir.range()[1] - 4) .attr("y", d => yinf(d[0]) + textOffset) let circles= chart.append("g") .selectAll("circle") .data(historiapos.filter(d=>d.Modalidade=="Acadêmico")) .enter().append("circle") .attr("cx", d => xesq(new Date(d["Ano de criação"],0,1))) .attr("cy", d => { let others=historiapos.filter(e=>e.Centro==d.Centro&&e["Ano de criação"]==d["Ano de criação"]) return yinf(d.Centro)+((others.length!=1)?others.findIndex(e=>d==e)*30/(others.length-1)-15:0) }) .attr("r", d => size11) .attr("fill", d=>(d["Nível"]=="mestrado")?"#9297EC":"#FF9580") .attr("fill-opacity", d=>(d["Conceito Capes"]-2)*0.5/5+0.2) .attr("text-tooltip",d => `${d.Programa}\n${d["Nível"][0].toUpperCase()+d["Nível"].slice(1)}\n${d.Modalidade}\n${d["Ano de criação"]}\nConceito CAPES ${d["Conceito Capes"]}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let squares= chart.append("g") .selectAll("rect") .data(historiapos.filter(d=>d.Modalidade=="Profissional")) .enter().append("rect") .attr("x", d => xesq(new Date(d["Ano de criação"],0,1))-size11) .attr("y", d => { let others=historiapos.filter(e=>e.Centro==d.Centro&&e["Ano de criação"]==d["Ano de criação"]) return yinf(d.Centro)+((others.length!=1)?others.findIndex(e=>d==e)*30/others.length-15:-size11) }) .attr("width", d => size11*2) .attr("height", d => size11*2) .attr("fill", d=>(d["Nível"]=="mestrado")?"#9297EC":"#FF9580") .attr("fill-opacity", d=>(d["Conceito Capes"]-2)*0.5/5+0.2) .attr("text-tooltip",d => `${d.Programa}\n${d["Nível"][0].toUpperCase()+d["Nível"].slice(1)}\n${d.Modalidade}\n${d["Ano de criação"]}\nConceito CAPES ${d["Conceito Capes"]}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { circles.transition("t11") .style("fill-opacity", node => node.Programa==d.Programa?1:0.1) .style("stroke",node=>node.Programa==d.Programa?"black":null) squares.transition("t11") .style("fill-opacity", node => node.Programa==d.Programa?1:0.1) .style("stroke",node=>node.Programa==d.Programa?"black":null) } let mouseLeave = () => { circles.transition("t11") .style("fill-opacity", d=>(d["Conceito Capes"]-2)*0.5/5+0.2) .style("stroke",null) squares.transition("t11") .style("fill-opacity", d=>(d["Conceito Capes"]-2)*0.5/5+0.2) .style("stroke",null) } circles.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) squares.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) return svg.node() }38:T68c,breadcrumb = { //como visto em https://observablehq.com/@kerryrodden/sequences-sunburst let breadcrumbWidth = 160, breadcrumbHeight = 30 //pontos para forma de seta function breadcrumbPoints(d, i) { const tipWidth = 10; const points = []; points.push("0,0"); points.push(`${breadcrumbWidth},0`); points.push(`${breadcrumbWidth + tipWidth},${breadcrumbHeight / 2}`); points.push(`${breadcrumbWidth},${breadcrumbHeight}`); points.push(`0,${breadcrumbHeight}`); if (i > 0) { //nao incluir sexto vertice na primeira seta points.push(`${tipWidth},${breadcrumbHeight / 2}`); } return points.join(" "); } const svg = d3 .create("svg") .attr("viewBox", `0 0 ${width} ${breadcrumbHeight}`) const g = svg .selectAll("g") .data(chart12_circ.sequence) .join("g") .attr("transform", (d, i) => `translate(${i * breadcrumbWidth}, 0)`); g.append("polygon") .attr("points", breadcrumbPoints) .attr("fill", (d,i,nodes) => { while (d.depth > 1) d = d.parent; return color12_novo(d.data.name,nodes.findIndex(e=>e.__data__==d)); }) .attr("stroke", "white") .attr("fill-opacity",0.5) g.append("text") .attr("x", (breadcrumbWidth + 10) / 2) .attr("y", 15) .attr("dy", "0.3em") .attr("text-anchor", "middle") .text(d => conv12(d.data.name)); svg .append("text") .text(chart12_circ.value > 0 ? `${chart12_circ.value} docentes (${chart12_circ.percentage}%)` : "") .attr("x", chart12_circ.sequence.length * breadcrumbWidth + 15) .attr("y", breadcrumbHeight / 2) .attr("dy", "0.3em") return svg.node(); }39:T13d4,viewof chart12_circ = { const root = partition2(hierarquia12_circle); const svg = d3.create("svg"); //utilizacao de viewof para tornar informacao de hover mais facilmente acessivel const element = svg.node(); element.value = { sequence: [], percentage: 0.0, value: 0 }; const label = svg .append("text") .attr("text-anchor", "middle") .attr("fill", "#888") .style("fill-opacity", 0); let centro = label .append("tspan") .attr("x", 0) .attr("y", 0) .attr("dy", "-0.1em") .attr("font-size", "2em") .text(""); label .append("tspan") .attr("x", 0) .attr("y", 0) .attr("dy", "1.5em") .text("docentes"); let image = svg.append("image") .attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") .attr("width",width*0.19) .attr("x",-width*0.1) .attr("y",-width*0.05) .attr("text-anchor","middle") .attr("alignment-baseline","middle") let opacity=0.5 let path=svg.append("g") .style("fill-opacity", opacity) .selectAll("path") .data(root.descendants().filter(d => d.depth)) .join("path") //.attr("fill", d => { while (d.depth > 1) d = d.parent; return color12(d.data.name); }) .attr("fill", (d,i,nodes) => { while (d.depth > 1) d = d.parent; return color12_novo(d.data.name,nodes.findIndex(e=>e.__data__==d)); }) .attr("d", arc) .attr("text-tooltip",d => `${d.ancestors().map(d => d.data.name).reverse().join("\n")}\n${d.value} docentes em 2019`)//\n${(d.data.gasto)?"Gasto em 2019: "+formatCurrency(d.data.gasto):""}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { //obtem ancestrais - pode remover raiz utilizando splice(1) const sequence = d .ancestors() .reverse() //destaca ancestrais path.transition("tHover").style("fill-opacity", node => sequence.indexOf(node) >= 0 ? opacity : opacity/2 ) const percentage = ((100 * d.value) / root.value).toPrecision(3) const value = d.value //atualiza label central image .transition("tHover") .style("opacity", 0) label .transition("tHover") .style("fill-opacity", 1) centro .text(`${value} (${percentage}%)`); //atualiza valor de viewof element.value = { sequence, percentage, value } element.dispatchEvent(new CustomEvent("input")) } let mouseLeave = () => { path.transition("tHover").style("fill-opacity", opacity) label.transition("tHover").style("fill-opacity", 0) image.transition("tHover").style("opacity", 1) //atualiza valor de viewof element.value = { sequence: [], percentage: 0.0, value: 0 } element.dispatchEvent(new CustomEvent("input")) } path.on("mouseenter", mouseEnter) .on("mouseleave", mouseLeave) svg.append("g") .attr("font-size", 15) .attr("text-anchor", "middle") .selectAll("text") .data(root.descendants().filter(d => d.depth && (d.y0 + d.y1) / 2 * (d.x1 - d.x0) > 15 && d.y1-d.y0>conv12(d.data.name).length*3 )) .join("text") .attr("transform", function(d) { const x = (d.x0 + d.x1) / 2 * 180 / Math.PI; const y = (d.y0 + d.y1) / 2; return `rotate(${x - 90}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`; }) .attr("dy", "0.35em") .text(d => conv12(d.data.name)) .attr("text-tooltip",d => `${d.ancestors().map(d => d.data.name).reverse().join("\n")}\n${d.value} docentes em 2019`)//\n${(d.data.gasto)?"Gasto em 2019: "+formatCurrency(d.data.gasto):""}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) .on("mouseenter", mouseEnter) .on("mouseleave", mouseLeave) svg.append("circle") .attr("cx",0) .attr("cy",0) .attr("r",root.y1) .attr("fill","#000000") .attr("fill-opacity",0) .attr("text-tooltip", `${root.data.name}\n${root.value} docentes em 2019`)//\n${(root.data.gasto)?"Gasto em 2019: "+formatCurrency(root.data.gasto):""}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) .on("mouseenter", (event, d) => { //obtem raiz const sequence = [root] const percentage = (100).toPrecision(3) const value = root.value //atualiza label central image .transition("tHover") .style("opacity", 0) label .transition("tHover") .style("fill-opacity", 1) centro .text(`${value} (${percentage}%)`); //atualiza valor de viewof element.value = { sequence, percentage, value } element.dispatchEvent(new CustomEvent("input")) }) .on("mouseleave", mouseLeave) return svg.attr("viewBox", autoBox).node(); }3a:T614,hierarquia12_circle={ //let filtro=conv12(filtro12_2_circle) let raiz={name:"Universidade Federal do Rio de Janeiro (UFRJ)",children:[]} //cria objeto e adiciona raiz docentes.forEach(d=>{ let cargo=d.Cargo.trim(), unidade=d.Unidade.trim() if (!raiz.children.find(obj=>obj.name===cargo)) raiz.children.push({name:cargo,children:[]}) if (!raiz.children.find(obj=>obj.name===cargo).children.find(obj=>obj.name===unidade)) raiz.children.find(obj=>obj.name===cargo).children.push({name:unidade,children:[]}) raiz.children.find(obj=>obj.name===cargo).children.find(obj=>obj.name===unidade).children.push({ name: "Classe "+d.Classe, gasto: d["Gasto anual com docentes do Magistério Superior em 2019"], total: d.Total, //a seguir, obtem atributos da linha que nao sao hierarquicos/ja tratados (cargo,unidade,classe,total) //portanto obtem dados de todos os temas, em seguida filtra apenas o tema desejado children: Object.entries(d).slice(4,16).filter(e=>e[0].split("_")[0]==menuTemaCirculo).map(e=>{let ret={}; ret.name=conv12(e[0]); ret.value=e[1]; return ret}) }) }) //obtem valor gasto para niveis mais altos da hierarquia recursivamente, a partir do nivel classe raiz.children.forEach((d,i,arr)=>{ d.children.forEach((d2,i2,arr2)=>arr2[i2].gasto=gastoRec(d2)) arr[i].gasto=gastoRec(d) }) raiz.gasto=gastoRec(raiz) if (selClasse=="Sim") raiz=removeClasse(raiz) return (menuAlocacaoCirculo=="Todos")?raiz:raiz.children.find(obj=>obj.name==menuAlocacaoCirculo) }3b:T6a8,function conv12 (s){ switch (s){ // case "Carga Horária": // return "CH" // case "Titulação": // return "Ti" // case "Função especial": // return "Fu" case "CH_20": return "20 Horas" case "CH_40": return "40 Horas" case "CH_De": return "Dedicação Exclusiva" case "Ti_G": return "Graduação" case "Ti_PG": return "Pós-graduação" case "Ti_M": return "Mestrado" case "Ti_D": return "Doutorado" case "Ti_PD": return "Pós-doutorado" case "Fu_Sem": return "Sem Função Especial" case "Fu_FG": return "Função Gratificada" case "Fu_FCC": return "Cordenação de Curso" case "Fu_CD": return "Cargo de Direção" case "Universidade Federal do Rio de Janeiro (UFRJ)": return "UFRJ" case "Centro de Ciências da Saúde": return "CCS" case "Centro de Letras e Artes": return "CLA" case "Centro de Filosofia e Ciências Humanas": return "CFCH" case "Centro de Ciências Matemáticas e da Natureza": return "CCMN" case "Centro de Tecnologia": return "CT" case "Centro de Ciências Jurídicas e Econômicas": return "CCJE" case "Fórum de Ciência e Cultura": return "FCC" case "Classe 4": return "Aux. A / Assist. A / Adj. A" case "Classe 5": return "Assistente" case "Classe 6": return "Adjunto" case "Classe 7": return "Associado" case "Classe 8": return "Titular" case "Classe U": return "Titular Livre" } if (s.length>20) return s.split(" ").map(w=>w[0]).filter(c=>c==c.toUpperCase()).join("") return s }3c:Tae8,chart15 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height15]) .attr("font-family", "Alegreya Sans") .attr("text-anchor", "middle") let g=svg.append("g").attr("class","words") //Zoom function zoomed(event) { const {transform} = event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } const zoom = d3.zoom() .scaleExtent([1, 8]) .on("zoom", zoomed); svg.call(zoom); function reset() { svg.transition("reset15").duration(500).call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height9 / 2]) ); } // let mouseEnter = (event) => { d3.selectAll(".words>text").transition("t15") .style("fill-opacity", (d,i,nodes)=>(nodes[i].innerHTML==event.target.innerHTML)?1:0.3) } let mouseLeave = () => { d3.selectAll(".words>text").transition("t15") .style("fill-opacity", 1) } const cloud = d3_cloud() .size([width, height15]) .words(data15.map(d => Object.create(d))) .padding(1) .rotate(0) .font("Alegreya Sans") .fontSize(d => Math.sqrt(d.value)*sizeFactor[Object.keys(keywords.artigos).indexOf(filtro15_3)]*((filtro15=="Publicações")?1:0.8)) //.fontSize(d => Math.sqrt(d.value)*((filtro15_2=="keywords")?((filtro15=="Publicações")?1:0.8):((filtro15=="Publicações")?1:0.7))) .on("word", ({size, x, y, rotate, text}) => { g.append("text") .attr("font-size", size) .attr("transform", `translate(${x},${y}) rotate(${rotate})`) .text(text) .style("user-select","none") //.style("fill",paletaufrj[Math.random()*(paletaufrj.length-1)|0]) .style("fill",cor_outros) .style("fill-opacity",0.7) .attr("text-tooltip",`${text}\n${data15.find(obj=>obj.text==text).value} ocorrências`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) .on("mouseenter", mouseEnter) .on("mouseleave", mouseLeave); }); let gbtn=svg.append("g").attr("transform","translate(10,10)") gbtn.append("rect") .attr("width",80) .attr("height",20) .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 .attr("stroke","lightgray") .attr("stroke-width",1) .attr("rx",10) gbtn.append("text") .text("Centralizar") .attr("font-size",15) .attr("text-anchor","middle") .attr("x",40) .attr("alignment-baseline","middle") .attr("y",12) .attr("fill","white") gbtn.on("click",reset) cloud.start(); invalidation.then(() => cloud.stop()); return svg.node(); }3d:Ta86,mapa4 = { const svg = d3.select(DOM.svg(width, height16)) //hachura baseada em https://stackoverflow.com/questions/13069446/simple-fill-pattern-in-svg-diagonal-hatching svg.append("defs") .append("pattern") .attr("id","hachura") .attr("patternUnits","userSpaceOnUse") .attr("width",4) .attr("height",4) .append("path") .attr("d","M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2") .style("stroke","lightgray") .style("stroke-width",1) const g = svg.append('g') //Zoom function zoomed(event) { const {transform} = event; g.attr("transform", transform); g.attr("stroke-width", 1 / transform.k); } const zoom = d3.zoom() .scaleExtent([1, 8]) .on("zoom", zoomed); svg.call(zoom); function reset() { svg.transition("reset16").duration(500).call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height16 / 2]) ); } //svg.on("click", reset); // const proj_br = d3.geoMercator() .scale(width*0.16) //650 .center([0, 10]) .translate([width/2, height16/2]) const path = d3.geoPath().projection(proj_br) let paises= g.selectAll('.pais') .data(topojson.feature(mundo, mundo.objects.countries).features) .enter() .append('path') .attr("class","pais") .attr('d', path) .attr('fill', (d, i) => { if(dados16[d.id]==0) return "#D1D1D1" else return color16_novo(dados16[d.id]) }) .attr("stroke","white") .attr("stroke-width",0.5) .attr("text-tooltip",d=>`${i18n.getName(d.id,"pt")||d.properties.name}\n${dados16[d.id]} participações em eventos`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let mouseEnter = (event, d) => { paises.filter(e=>e==d).raise() paises.transition("t16").attr("stroke-width", node => node==d ? 1 : 0.5) } let mouseLeave = () => { paises.transition("t16").attr("stroke-width", 0.5) } paises.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) let gbtn=svg.append("g").attr("transform","translate(10,10)") gbtn.append("rect") .attr("width",80) .attr("height",20) .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 .attr("stroke","lightgray") .attr("stroke-width",1) .attr("rx",10) gbtn.append("text") .text("Centralizar") .attr("font-size",15) .attr("text-anchor","middle") .attr("x",40) .attr("alignment-baseline","middle") .attr("y",12) .attr("fill","white") gbtn.on("click",reset) return svg.node() }3e:T9d2,chart17 = { const links = dados17.links.map(d => Object.create(d)); const nodes = dados17.nodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.name)) .force("charge", d3.forceManyBody().distanceMax(250)) .force("x", d3.forceX()) .force("y", d3.forceY()) .force("collision", d3.forceCollide(nodes).radius(node=>Math.pow(node.value,1/4))) .alphaMin(0.001) .alphaDecay(1 - Math.pow(0.1, 1 / 150)) .tick(150) const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height17 / 2, width, height17]); const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.25) .attr("stroke-width",0.5) .selectAll("line") .data(links) .join("line") //.attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") //.attr("stroke", "#fff") //.attr("stroke-width", 0.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", d=>Math.pow(d.value,1/4)) //.attr("fill", d=>color17(d.group)) .attr("fill",d=>paletatemas[convArea(d.group)]) //.attr("fill-opacity",0.8) .call(drag(simulation)); node .attr("text-tooltip",d=>convArea(d.name)+"\n"+d.value+" "+menu17) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) let update = () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); } simulation.on("tick", update) //simulation.on("end",()=>{ // update() // simulation.on("tick", update) //}) let mouseEnter = (event, d) => { let a=links.filter(e=>e.source.name==d.name).map(e=>e.target.name), b=links.filter(e=>e.target.name==d.name).map(e=>e.source.name) node.filter(e=>!a.includes(e.name)&&!b.includes(e.name)&&e!=d).transition("t17").attr("fill-opacity", 0.1) link.filter(e=>e.source.name==d.name||e.target.name==d.name).transition("t17").attr("stroke-opacity", 1) } let mouseLeave = () => { node.transition("t17").attr("fill-opacity", 0.8) link.transition("t17").attr("stroke-opacity", 0.25) } node.on("mouseenter", mouseEnter).on("mouseleave", mouseLeave) invalidation.then(() => simulation.stop()); return svg.node(); }3f:[] 2d:{"id":"46204113e8ae6f10","slug":"100-anos-ufrj-recorte","title":"100 Anos UFRJ - Recorte","thumbnail":"22dd005c606c89083c5f51911624ccfb9630c9b2c17d942ead211380bf1b4d24","access_level":"public","create_time":"$D2021-04-30T12:49:01.307Z","update_time":"$D2021-09-28T04:40:26.443Z","view_time":null,"first_public_time":"$D2021-04-30T13:31:50.550Z","has_unpublished_edits":null,"fork":{"id":"230da06077e029b3","slug":"100-anos-ufrj","title":"100 Anos UFRJ","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"stars":0,"starred":false,"owner":{"type":"team","id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":"starter_2024"},"version":10015,"publish_version":10015,"role":null,"authored":false,"authors":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null}],"members":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"100 Anos UFRJ - Recorte","cells":[{"id":0,"value":"md`# 100 Anos UFRJ - Recorte`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"md`## Teste 4: Perfil do aluno por curso ao longo do tempo\nClique nas barras ou na legenda para alterar foco. Clique novamente para resetar.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6950,"value":"viewof filtro4_centro=select({\n title: \"Centro\",\n description: \"Selecione um centro\",\n options: [\"Toda a UFRJ\"].concat([...new Set(grad_matriculados_cor.map(d => d.Centro).filter(d=>d!=\"Centro de Artes e Letras\"&&d!=\"Sem informação\"))].sort())\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"viewof filtro4_curso=select({\n title: \"Cursos de graduação\",\n description: \"Selecione um curso\",\n options: [\"Todos\"].concat([...new Set(grad_matriculados_cor.filter(d=>d.Centro==filtro4_centro).map(d => d.curso))].sort())\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9894,"value":"viewof filtro4_tema=select({\n title: \"Temas\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Cor\",\"Gênero\",\"Renda\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"key4 = {\n let sw = swatches({title: \"Legenda\", color:color4_novo, tickSize: 0})\n d3.select(sw).selectAll(\"span\")\n .on(\"click\",e=>{e.stopPropagation(); chart4(e.target.innerHTML);})\n .style(\"user-select\",\"none\")\n return sw\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2050,"value":"viewof sellimpar4=select({\n title: \"Limpar dados\",\n description: \"Remover anos com menos dados?\",\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2059,"value":"viewof selordem4=select({\n title: \"Ordenação\",\n description: \"Ordem de apresentação dos anos\",\n options: [\"Decrescente\",\"Crescente\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3224,"value":"viewof selRemoveNao=select({\n title: \"Remove não respondidos\",\n description: \"Remover dados não declarados\",\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4358,"value":"viewof selAbsolutos=select({\n title: \"Dados absolutos\",\n description: \"Exibir dados em valores absolutos\",\n options: [\"Não\",\"Sim\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2038,"value":"function limpar4 (dados){\n let max=Math.max(...dados.map(d=>d.total)) //obtem maior total de alunos dentre os anos/periodos\n return dados.filter(d=>d.total>=0.1*max&&d[\"Não declarado\"]<=d.total*0.9)\n //retorna apenas periodos maiores que 10% deste valor e em que pelo menos 10% dos registros sejam declarados\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2081,"value":"function converter4(g){\n if (g.includes(\"Até 1 salário mínimo (SM)\")) //retira mencoes a valores do salario minimo\n return \"Até 1 salário mínimo (SM)\"\n switch (g){ //converte declaracao de sexo/genero\n case \"M\":\n return \"Masculino\"\n case \"F\":\n return \"Feminino\"\n case \"N\":\n return \"Não-binárie\"\n case \" \":\n return \"Não declarado\"\n default: //mantem outros dados como estao\n return g\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3351,"value":"function removeNao (dados){\n dados.forEach((d,i,arr)=>{\n arr[i].total-=+d[\"Não declarado\"]\n //delete d[\"Não declarado\"]\n })\n dados.columns=dados.columns.filter(c=>c!=\"Não declarado\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2115,"value":"ordem4={ //define ordem de exibicao das categorias\n let array=[]\n switch (filtro4_tema){\n case \"Cor\":\n array=[\"Amarelo\",\"Branco\",\"Índio\",\"Pardo\",\"Preto\",\"Não declarado\"]\n break\n case \"Gênero\":\n array=[\"Feminino\",\"Masculino\",\"Não-binárie\",\"Não declarado\"]\n break\n default:\n array=[\"Até 1 salário mínimo (SM)\",\"Até 1,5 SM\",\"De 1,5 até 3 SM\",\"De 3 até 5 SM\",\"De 5 até 7 SM\",\"De 7 até 10 SM\",\"De 10 até 15 SM\",\"De 15 até 20 SM\",\"De 20 até 30 SM\",\"Mais de 30 salários mínimos\",\"Não desejo responder essa pergunta\",\"Não declarado\"]\n }\n let dictionary={}\n array.forEach((d,i)=>dictionary[d]=i) //converte em dicionario {categoria:ordem}\n return dictionary\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":842,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":844,"value":"series = {\n if (selAbsolutos==\"Não\")\n return d3.stack()\n .keys(dados4.columns.slice(1))\n .offset(d3.stackOffsetExpand)\n (dados4) //chama funcao passando como argumento dados4\n .map(d => (d.forEach(v => v.key = d.key), d)).sort((a,b)=>a.key (d.forEach(v => v.key = d.key), d)).sort((a,b)=>a.keyd[1]))])\n .range([margin4.left, width - margin4.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"y4 = d3.scaleBand()\n .domain(dados4.map(d => d.periodo))\n .range([margin4.top, height4 - margin4.bottom])\n .padding(0.08)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"color4 = d3.scaleOrdinal()\n .domain(series.map(d => d.key).filter(d=>d!=\"Outros\"))\n .range([\"#00acfe\", \"#26d9d6\", \"#6ed3b5\", \"#004100\", \"#40bf40\", \"#afd96c\", \"#d9c726\", \"#d96b26\", \"#bf4040\", \"#ff93ca\", \"#c44fc4\", \"#4d1268\", \"#7257df\", \"#0623ff\"]) //cores a serem utilizadas em cada grafico\n //[\"#00acfe\", \"#00fefb\", \"#6ed3b5\", \"#004100\", \"#00fd00\", \"#9efe00\", \"#ffe500\", \"#ff6300\", \"#ff0402\", \"#ff93ca\", \"#ff12ff\", \"#520376\", \"#7257df\", \"#0623ff\"]\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9256,"value":"color4_novo = {\n switch (filtro4_tema){\n case \"Cor\":\n return d3.scaleOrdinal()\n .domain(series.map(d => d.key))\n .range([\"#00FFFF\", \"#2AE3CD\", \"#30C79C\", \"#2CAC6D\", \"#1F923E\", \"#D2DCDC\"])\n case \"Gênero\":\n return d3.scaleOrdinal()\n .domain(series.map(d => d.key))\n .range([\"#2AE3CD\", \"#2FB984\", \"#1F923E\", \"#D2DCDC\"])\n case \"Renda\":\n return d3.scaleOrdinal()\n .domain(series.map(d => d.key).filter(d=>d!=\"Não declarado\"&&d!=\"Não desejo responder essa pergunta\"))\n .range(d3.quantize(d3.interpolate(\"#00FFFF\",\"#007900\"),10))\n .unknown(\"#D2DCDC\")\n //.range([\"#00FFFF\", \"#1FF1E6\", \"#2AE3CD\", \"#2ED5B4\", \"#30C79C\", \"#2CAC6D\", \"#279F55\", \"#148525\", \"#007900\", \"#ccc\", \"#ccc\", \"#D2DCDC\"])\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":857,"value":"xAxis4 = {\n if (selAbsolutos==\"Não\")\n return g => g\n .attr(\"transform\", `translate(0,${margin4.top})`)\n .style(\"font-size\",\"18px\")\n .call(d3.axisTop(x4).ticks(width / 100, \"%\"))\n .call(g => g.selectAll(\".domain\").remove())\n \n else\n return g => g\n .attr(\"transform\", `translate(0,${margin4.top})`)\n .style(\"font-size\",\"18px\")\n .call(d3.axisTop(x4).tickFormat(v=>formatValue(v)))\n .call(g => g.selectAll(\".domain\").remove())\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":860,"value":"yAxis4 = g => g\n .attr(\"transform\", `translate(${margin4.left},0)`)\n .style(\"font-size\",\"18px\")\n .call(d3.axisLeft(y4).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"height4 = dados4.length * 20 + margin4.top + margin4.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"margin4 = ({top: 20, right: 10, bottom: 0, left: 45})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6979,"value":"dados4Geral=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dados4Geral.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1097,"value":"md`## Teste 5: De onde vem os alunos? (Estados)\nZoom e arraste disponíveis. Clique para resetar.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1212,"value":"viewof filtro5=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Ingressantes\",\"Concluintes\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1153,"value":"viewof intervalo5 = rangeSlider({\n min: tempo5[1],\n max: Math.min(tempo5[tempo5.length-1],2019),\n step: 1,\n title: 'Intervalo de tempo',\n description: 'Selecione ano inicial e ano final',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1113,"value":"height5=width*0.55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1107,"value":"color5 = {\n let removeRJ={...dados5}\n delete removeRJ[\"RJ\"]\n return d3.scaleSequentialSqrt().domain([Math.min(...Object.values(removeRJ)), Math.max(...Object.values(removeRJ))])\n .interpolator(d3.interpolateOrRd)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1156,"value":"tempo5=[...new Set(geo_dados5.map(d => d.ano))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"geo_dados5={\n switch(filtro5){\n case \"Ingressantes\":\n return geo_ingressantes\n case \"Concluintes\":\n return geo_concluintes\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1139,"value":"dados5={\n let dados5={AC:0,AL:0,AP:0,AM:0,BA:0,CE:0,ES:0,GO:0,MA:0,MT:0,MS:0,MG:0,PA:0,PB:0,PR:0,PE:0,PI:0,RJ:0,RN:0,RS:0,RO:0,RR:0,SC:0,SP:0,SE:0,TO:0,DF:0} //inicializa estados possiveis com zero\n geo_dados5.forEach(d=>{ //para cada registro\n //se estado for valido e dentro do intervalo de tempo desejado, adiciona qtd ao contado do estado\n if (d.estado in dados5 && d.ano>=intervalo5[0] && d.ano<=intervalo5[1]) dados5[d.estado]+=parseInt(d.QTD)\n })\n return dados5\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1089,"value":"rawmap=d3.json('https://gist.githubusercontent.com/ruliana/1ccaaab05ea113b0dff3b22be3b4d637/raw/196c0332d38cb935cfca227d28f7cecfa70b412e/br-states.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8933,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1693,"value":"md`## Teste 8: De onde vem os alunos? (Bairros)\nZoom e arraste disponíveis. Clique para resetar.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1843,"value":"viewof filtro8=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Ingressantes\",\"Concluintes\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1846,"value":"viewof intervalo8 = rangeSlider({\n min: tempo8[1],\n max: Math.min(tempo8[tempo8.length-1],2019),\n step: 1,\n title: 'Intervalo de tempo',\n description: 'Selecione ano inicial e ano final',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1804,"value":"height8=width*0.55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1706,"value":"rawmap2=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Limite_Bairro.json\")\n//based on https://www.data.rio/datasets/limite-bairro","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2354,"value":"bairros=rawmap2.objects.Limite_Bairro.geometries.map(d=>d.properties.NOME.trim().toUpperCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1850,"value":"geo_dados8={\n switch(filtro8){\n case \"Ingressantes\":\n return geo_ingressantes\n case \"Concluintes\":\n return geo_concluintes\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1853,"value":"tempo8=[...new Set(geo_dados8.map(d => d.ano))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1857,"value":"dados8={\n let dados8={}\n bairros.forEach(d=>dados8[d]=0) //forma objeto apenas com bairros validos do mapa, inicializando com zero\n geo_dados8.forEach(d=>{ //para cada registro\n let norm=d.bairro.trim().toUpperCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") //normaliza nome do bairro\n if (d.ano>=intervalo8[0] && d.ano<=intervalo8[1] //verifica se esta no intervalo de tempo desejado\n && !(d.bairro==\"Centro\"&&d.municipio!=\"Rio de Janeiro\") //sem Centro de outro municipio\n && !(d.bairro==\"Tijuca\"&&d.municipio!=\"Rio de Janeiro\") //sem Tijuca de outro municipio\n && !(d.bairro==\"Copacabana\"&&d.municipio!=\"Rio de Janeiro\")) //sem Copacabana de outro municipio\n //if (!(norm in dados55)) dados55[norm]=parseInt(d.QTD) //adiciona bairro e qtd ao objeto a ser retornado\n //else dados55[norm]+=parseInt(d.QTD) //soma caso ja exista\n if (norm in dados8) dados8[norm]+=parseInt(d.QTD) //adiciona qtd a bairro valido\n })\n return dados8\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1860,"value":"color8 = {\n return d3.scaleSequentialSqrt().domain([Math.min(...Object.values({...dados8})),Math.max(...Object.values({...dados8}))])\n .interpolator(d3.interpolateOrRd)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9098,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2943,"value":"md`## Teste 9: De onde vem os alunos? (Municípios)\nZoom e arraste disponíveis. Clique para resetar.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2961,"value":"viewof filtro9=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Ingressantes\",\"Concluintes\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2964,"value":"viewof intervalo9 = rangeSlider({\n min: tempo9[1],\n max: Math.min(tempo9[tempo9.length-1],2019),\n step: 1,\n title: 'Intervalo de tempo',\n description: 'Selecione ano inicial e ano final',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2950,"value":"height9=width*0.55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2946,"value":"rawmap3=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/estadoRJ.topojson\")\n//based on https://github.com/tbrugz/geodata-br/blob/master/geojson/geojs-33-mun.json","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2999,"value":"municipios=rawmap3.objects[\"geojs-33-mun\"].geometries.map(d=>d.properties.name.toUpperCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2971,"value":"geo_dados9={\n switch(filtro9){\n case \"Ingressantes\":\n return geo_ingressantes\n case \"Concluintes\":\n return geo_concluintes\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2967,"value":"tempo9=[...new Set(geo_dados9.map(d => d.ano))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2959,"value":"dados9={\n let dados9={}\n municipios.forEach(d=>dados9[d]=0) //forma objeto apenas com bairros validos do mapa, inicializando com zero\n geo_dados9.forEach(d=>{ //para cada registro\n let norm=d.municipio.toUpperCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") //normaliza nome do bairro\n if (d.ano>=intervalo9[0] && d.ano<=intervalo9[1]) //verifica se esta no intervalo de tempo desejado\n if (norm in dados9) dados9[norm]+=parseInt(d.QTD) //adiciona qtd a bairro valido\n })\n return dados9\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2956,"value":"color9 = {\n let removeRio={...dados9}\n delete removeRio[\"RIO DE JANEIRO\"]\n return d3.scaleSequentialSqrt().domain([Math.min(...Object.values(removeRio)), Math.max(...Object.values(removeRio))])\n .interpolator(d3.interpolateOrRd)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9121,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1241,"value":"md`## Teste 6: Dendrograma de cursos de graduação\nClique para remover centros. Clique no fundo para resetar.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2014,"value":"viewof ocultar=select({\n title: \"Ocultar raiz\",\n description: 'Selecione se deseja exibir ou não o nó \"UFRJ\"',\n options: [\"Não\",\"Sim\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3143,"value":"viewof varCor=select({\n title: \"Variação de cor\",\n description: 'Selecione se deseja codificar número de alunos em cor',\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3162,"value":"viewof selBarras=select({\n title: \"Barras\",\n description: 'Selecione se deseja codificar número de alunos em barras',\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3174,"value":"viewof sellimpar6=select({\n title: \"Limpar dados\",\n description: 'Remover cursos Núcleo Comum (NC) e EAD?',\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1960,"value":"function parenteses(s){\n let regExp = /\$([^)]+)\$/\n if (s.includes(\"(\"))\n return regExp.exec(s)[1] //obtem sigla entre parenteses\n if (s.includes(\"–\"))\n return s.split(\"–\")[1].trim() //obtem sigla apos meia-risca\n if (s.includes(\"-\"))\n return s.split(\"-\")[1].trim() //obtem sigla apos hifen\n return s\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"raio=width/2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1305,"value":"tree=d3.cluster().size([2*Math.PI, raio-150])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4650,"value":"viewof filtro6=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Ingressantes\",\"Concluintes\"]//,\"Cancelados\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8306,"value":"viewof ano62 = slider({\n min: (filtro6==\"Ingressantes\")?1969:1976, \n max: 2019, \n step: 1, \n value: 2019, \n title: \"Ano-referência\", \n description: \"Selecione o ano desejado\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3206,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4514,"value":"barraMax=width*0.05","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4647,"value":"dados6={\n if (filtro6==\"Ingressantes\")\n return grad_ingressantes\n return grad_concluintes\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3202,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5821,"value":"function qtdRec (node){\n if (node.qtd) return node.qtd\n return d3.sum(node.children.map(c=>qtdRec(c)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3387,"value":"md`## Teste 10: Evolução no tempo / Corrida`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7403,"value":"viewof filtro10_conjDados=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Matriculados\",\"Ingressantes\"]//,\"Concluintes\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6425,"value":"viewof filtro10_centro=select({\n title: \"Centros e Campi\",\n description: \"Selecione um centro ou campus\",\n options: [\"Todos\"].concat([...new Set(grad_matriculados.map(d => d.Centro).filter(d=>d!=\"Sem informação\"&&d!=\"Centro de Artes e Letras\"))].sort()),\n disabled: (filtro10_barras==\"Cursos\")?null:true\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6422,"value":"viewof filtro10_instituto=select({\n title: \"Unidades\",\n description: \"Selecione uma unidade\",\n options: [\"Todos\"].concat([...new Set(grad_matriculados.filter(d => d.Centro==filtro10_centro).map(d=>d[\"Faculdade / Escola\"]))].sort()),\n disabled: (filtro10_barras==\"Cursos\")?null:true\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7885,"value":"viewof filtro10_barras=select({\n title: \"Barras representam...\",\n description: \"O que cada barra representa?\",\n options: [\"Cursos\",\"Institutos\",\"Centros\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3396,"value":"chart10 = {\n //Baseado em https://observablehq.com/@d3/bar-chart-race\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height10]);\n\n svg.append('defs')\n .append('style')\n .attr('type', 'text/css')\n .text(\"@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;700&display=swap');\");\n \n const updateBars = bars(svg);\n const updateAxis = axis(svg);\n const updateLabels = labels(svg);\n const updateTicker = ticker(svg);\n\n invalidation.then(() => svg.interrupt());\n\n return Object.assign(svg.node(), {\n update(keyframe) {\n const transition = svg.transition(\"t10\")\n .duration(duration)\n .ease(d3.easeLinear);\n\n // Extract the top bar’s value.\n x10.domain([0, keyframe[1][0].value]);\n\n updateAxis(keyframe, transition);\n updateBars(keyframe, transition);\n updateLabels(keyframe, transition);\n updateTicker(keyframe, transition);\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3535,"value":"viewof keyframe = Scrubber(keyframes, {\n format: ([date]) => formatSemestre(date),\n delay: duration,\n loop: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3538,"value":"update=chart10.update(keyframe)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4451,"value":"viewof filtro10_entrada=select({\n title: \"Adicione um curso\",\n description: \"Selecione um curso\",\n options: [\"Nenhum\",...names],\n disabled: (filtro10_barras==\"Cursos\")?null:true\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4459,"value":"topN=(filtro10_barras==\"Centros\")?8:15","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3405,"value":"n=topN+((filtro10_entrada!=\"Nenhum\")?1:0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3409,"value":"duration=100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3416,"value":"function bars(svg) {\n let bar = svg.append(\"g\")\n .attr(\"fill-opacity\", 0.6)\n .selectAll(\"rect\");\n\n return ([date, data], transition) => bar = bar\n .data(data.filter((d,i)=>i d.name)\n .join(\n enter => enter.append(\"rect\")\n .attr(\"fill\", color10_novo)\n .attr(\"height\", y10.bandwidth())\n .attr(\"x\", x10(0))\n .attr(\"y\", d => y10((prev.get(d) || d).rank))\n .attr(\"width\", d => x10((prev.get(d) || d).value) - x10(0)),\n update => update,\n exit => exit.transition(transition).remove()\n .attr(\"y\", d => y10((next.get(d) || d).rank))\n .attr(\"width\", d => x10((next.get(d) || d).value) - x10(0))\n )\n .call(bar => bar.transition(transition)\n .attr(\"y\", d => y10(d.rank))\n .attr(\"width\", d => x10(d.value) - x10(0)));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3451,"value":"function axis(svg) {\n const g = svg.append(\"g\")\n .attr(\"transform\", `translate(0,${margin10.top})`);\n\n const axis = d3.axisTop(x10)\n .ticks(width / 160)\n .tickSizeOuter(0)\n .tickSizeInner(-barSize * (n + y10.padding()));\n\n return (_, transition) => {\n g.transition(transition).call(axis);\n g.select(\".tick:first-of-type text\").remove();\n g.selectAll(\".tick:not(:first-of-type) line\").attr(\"stroke\", \"white\");\n g.select(\".domain\").remove();\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3470,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3479,"value":"function ticker(svg) {\n const now = svg.append(\"text\")\n //.style(\"font\", `bold ${barSize}px var(--sans-serif)`)\n .style(\"font-family\",\"Alegreya Sans\")\n .style(\"font-weight\", 700)\n .style(\"font-size\", barSize)\n .style(\"font-variant-numeric\", \"tabular-nums\")\n .attr(\"text-anchor\", \"end\")\n .attr(\"x\", width - 6)\n .attr(\"y\", margin10.top + barSize * (n - 0.45))\n .attr(\"dy\", \"0.32em\")\n .text(formatSemestre(keyframes[0][0]));\n\n return ([date], transition) => {\n transition.end().then(() => now.text(formatSemestre(date)));\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3473,"value":"function textTween(a, b) {\n const i = d3.interpolateNumber(a, b);\n return function(t) {\n this.textContent = formatInt(i(t))+\" \"+filtro10_conjDados.toLowerCase();\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3431,"value":"names = new Set(data10.map(d => d.name))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3429,"value":"function rank(value) {\n const data = Array.from(names, name => ({name, value: value(name)}));\n data.sort((a, b) => d3.descending(a.value, b.value));\n for (let i = 0; i < data.length; ++i) data[i].rank = Math.min(n, i);\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3439,"value":"k=10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3426,"value":"keyframes = {\n const keyframes = [];\n let ka, a, kb, b;\n for ([[ka, a], [kb, b]] of d3.pairs(datevalues)) {\n for (let i = 0; i < k; ++i) {\n const t = i / k;\n keyframes.push([\n new Date(ka * (1 - t) + kb * t),\n rank(name => (a.get(name) || 0) * (1 - t) + (b.get(name) || 0) * t)\n ]);\n }\n }\n keyframes.push([new Date(kb), rank(name => b.get(name) || 0)]);\n return keyframes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3423,"value":"nameframes = d3.groups(keyframes.flatMap(([, data]) => data), d => d.name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3442,"value":"next = new Map(nameframes.flatMap(([, data]) => d3.pairs(data)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3420,"value":"prev = new Map(nameframes.flatMap(([, data]) => d3.pairs(data, (a, b) => [b, a])))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3435,"value":"datevalues = Array.from(d3.rollup(data10, ([d]) => d.value, d => +d.date, d => d.name))\n .map(([date, data]) => [new Date(date), data])\n .sort(([a], [b]) => d3.ascending(a, b))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9276,"value":"function color10_novo (obj) {\n let getCategory = new Map(data10.map(d => [d.name, d.category]))\n let centro=getCategory.get(obj.name).split(\"(\")[0].trim()\n if (centro==\"Campus de Macaé\") centro=\"Macaé\"\n if (centro==\"Campus de Xerém\") centro=\"Xerém\"\n return paletacentros[centro]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3494,"value":"x10 = d3.scaleLinear([0, 1], [margin10.left, width - margin10.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3498,"value":"y10 = d3.scaleBand()\n .domain(d3.range(n + 1 + ((filtro10_entrada!=\"Nenhum\")?1:0)))\n .rangeRound([margin10.top, margin10.top + barSize * (n + 1 + 0.1)])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3462,"value":"height10 = margin10.top + barSize * n + margin10.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3459,"value":"barSize = 35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3455,"value":"margin10 = ({top: 16, right: 6, bottom: 6, left: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3552,"value":"data10={\n switch(filtro10_barras){\n case \"Cursos\":\n return data10_cursos\n case \"Institutos\":\n return data10_institutos\n case \"Centros\":\n return data10_centros.filter(d=>d.name!=\"Centro de Artes e Letras\"&&d.name!=\"Sem informação\")\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7877,"value":"data10_cursos=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dadosCorridaSemEAD4.json\").then(\n json=>{\n json=json[filtro10_conjDados].filter(d=>d.category.split(\"@\")[1]==filtro10_centro||filtro10_centro==\"Todos\").filter(d=>d.category.split(\"@\")[0]==filtro10_instituto||filtro10_instituto==\"Todos\")\n json.forEach((d,i,arr)=>{\n //(raw.periodo==1)?0:6 considera periodo 1 como mes 1 e periodo 2 como mes 7\n arr[i].date=new Date(d.date.split(\".\")[0],(d.date.split(\".\")[1]==\"1\")?0:6)\n let split=d.category.split(\"@\")\n //arr[i].category=(filtro10_centro==\"Todos\")?d.category.split(\"@\")[1]:(filtro10_instituto==\"Todos\")?d.category.split(\"@\")[0]:d.name\n arr[i].category=d.category.split(\"@\")[1] //utiliza apenas centro para determinar cor\n })\n return json\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7861,"value":"data10_institutos=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dadosCorridaSemEAD4Institutos.json\")\n.then(\n json=>{\n json=json[filtro10_conjDados]\n json.forEach((d,i,arr)=>{\n //(raw.periodo==1)?0:6 considera periodo 1 como mes 1 e periodo 2 como mes 7\n arr[i].date=new Date(d.date.split(\".\")[0],(d.date.split(\".\")[1]==\"1\")?0:6)\n })\n return json\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7864,"value":"data10_centros=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dadosCorridaSemEAD4Centros.json\")\n.then(\n json=>{\n json=json[filtro10_conjDados]\n json.forEach((d,i,arr)=>{\n //(raw.periodo==1)?0:6 considera periodo 1 como mes 1 e periodo 2 como mes 7\n arr[i].date=new Date(d.date.split(\".\")[0],(d.date.split(\".\")[1]==\"1\")?0:6)\n })\n return json\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3708,"value":"md`## Teste 11: Linha do Tempo / Pós-graduação`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3733,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4593,"value":"size11=5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3775,"value":"xesq = d3.scaleTime()\n\t.domain([new Date(\"1960\",0,1), new Date(\"2017\",0,1)])\n\t.range([50, width*0.85])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3736,"value":"ysup = d3.scaleLinear()\n\t.domain([0, d3.max(anoscriacao, d => d.qtd)])\n\t.range([0, margin11.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3884,"value":"xdir = d3.scaleLinear()\n\t.domain([0, d3.max(typeEntries, d => d[1].count)])\n\t.range([xesq.range()[1]+10, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3904,"value":"yinf = d3.scaleOrdinal()\n\t.domain(typeEntries.sort((a,b) => (a[0] > b[0])?1:-1).map(t => t[0]))\n\t.range(d3.range(numTypes).map(d => (d * (rowHeight + rowPadding)) + rowHeight))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3866,"value":"xAxis11 = g=>g.attr(\"transform\",`translate(0, ${yinf.range()[numTypes-1]+rowHeight/2+15})`)\n .call(d3.axisBottom(xesq).ticks(width/50).tickFormat(d=>d.getFullYear()))\n .call(g=>g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3887,"value":"typeEntries=Object.entries(types)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3740,"value":"types_old={\n let ret={}\n historiapos.forEach(d=>{\n if (ret[d.Centro]){\n ret[d.Centro].value+=+d[\"Conceito Capes\"]\n ret[d.Centro].count+=1\n }\n else\n ret[d.Centro]={value:+d[\"Conceito Capes\"],count:1}\n })\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9704,"value":"types={\n let ret={}, programas=[]\n historiapos.forEach(d=>{\n if (!ret[d.Centro])\n ret[d.Centro]={value:0,count:0}\n })\n historiapos.forEach(d=>{\n if (ret[d.Centro]&&!programas.includes(d.Programa)){\n ret[d.Centro].value+=+d[\"Conceito Capes\"]\n ret[d.Centro].count+=1\n programas.push(d.Programa)\n }\n })\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3771,"value":"numTypes = Object.keys(types).length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3742,"value":"rowHeight=25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3756,"value":"rowPadding=30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3748,"value":"margin11 = ({top: 75, right: 0, bottom: 25, left: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3714,"value":"anoscriacao={\n let ret=[]\n historiapos.forEach(d=>{\n let f=ret.find(a=>a.ano==d[\"Ano de criação\"])\n if (f)\n f.qtd+=1\n else\n ret.push({ano:d[\"Ano de criação\"],qtd:1})\n })\n ret.forEach((d,i,arr)=>{\n arr[i].ano=new Date(arr[i].ano,0,1)\n })\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3949,"value":"function convCentro(centro){\n switch (centro){\n case \"Centro de Ciências da Saúde\":\n return \"CCS\"\n case \"Ciências da Matémática e da Natureza\":\n return \"CCMN\"\n case \"Centro de Tecnologia\":\n return \"CT\"\n case \"Centro de Letras e Artes\":\n return \"CLA\"\n case \"Fórum de Ciência e Cultura\":\n return \"FCC\"\n case \"Centro de Filosofia e Ciências Humanas\":\n return \"CFCH\"\n case \"Centro de Ciências Jurídicas e Econômicas\":\n return \"CCJE\"\n }\n return centro\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5087,"value":"md`## Teste 12: Carga Horária e Titulação de Docentes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9998,"value":"viewof menuAlocacaoCirculo=select({\n title: \"Alocação\",\n description: \"Selecione um local de trabalho\",\n options: [\"Todos\"].concat([...new Set(docentes.map(d=>d.Cargo.trim()))]),\n //value: \"Centro de Letras e Artes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10008,"value":"viewof menuTemaCirculo=select({\n title: \"Tema\",\n description: \"Selecione um conjunto de dados\",\n options: [\n {label:\"Carga Horária\",value:\"CH\"},\n {label:\"Titulação\",value:\"Ti\"},\n //{label:\"Função especial\",value:\"Fu\"}\n ],\n value: \"Ti\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5555,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5256,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5660,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5269,"value":"partition2 = data => d3.partition()\n .size([2 * Math.PI, radius])\n (d3.hierarchy(hierarquia12_circle)\n .sum(d => d.value)\n .sort((a, b) => {\n if (a.data.name==\"Fórum de Ciência e Cultura\"&&b.data.name==\"Campus de Xerém\")\n return 1\n return b.value - a.value\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5263,"value":"arc = d3.arc()\n .startAngle(d => d.x0)\n .endAngle(d => d.x1)\n .padAngle(d => Math.min((d.x1 - d.x0) / 2, 0.005))\n .padRadius(radius / 2)\n .innerRadius(d => d.y0)\n .outerRadius(d => d.y1 - 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5265,"value":"radius = width / 2.5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9862,"value":"function color12_novo (nome,i){\n if (nome==\"Campus de Macaé\")\n nome=\"Macaé\"\n if (nome==\"Campus de Xerém\")\n nome=\"Xerém\"\n if (menuAlocacaoCirculo!=\"Todos\"){\n if (menuAlocacaoCirculo in paletacentros)\n return paletacentros[menuAlocacaoCirculo]+(255-Math.floor(i*255/hierarquia12_circle.children.length)).toString(16).padStart(2,0)\n return cor_admin+(255-Math.floor(i*255/hierarquia12_circle.children.length)).toString(16).padStart(2,0)\n }\n if (nome in paletacentros)\n return paletacentros[nome]\n return cor_admin\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5365,"value":"function valueRec (node){\n if (node.value) return node.value\n return d3.sum(node.children.map(c=>valueRec(c)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5406,"value":"function gastoRec (node){\n if (node.gasto) return node.gasto\n return d3.sum(node.children.map(c=>gastoRec(c)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5190,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6208,"value":"function removeClasse (raiz){\n raiz.children.forEach((d,i,arr)=>{\n d.children.forEach((d2,i2,arr2)=>{\n arr2[i2].children=arr2[i2].children.flatMap(d=>d.children).reduce((arrayfinal,obj)=>{\n if (arrayfinal.map(d=>d.name).includes(obj.name))\n arrayfinal.find(d=>d.name==obj.name).value+=+obj.value\n else\n arrayfinal.push({name:obj.name,value:+obj.value})\n return arrayfinal\n },[])\n })\n })\n return raiz\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6212,"value":"viewof selClasse=select({\n title: \"Remove classe\",\n description: \"Deseja remover classes da hierarquia?\",\n options: [\"Sim\",\"Não\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6662,"value":"md`## Teste 15: Word Cloud - Produção Científica`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7255,"value":"viewof filtro15=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um conjunto de dados\",\n options: [\n {label:\"Publicações\",value:\"artigos\"},\n {label:\"Participações em eventos\",value:\"eventos\"}\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7427,"value":"viewof filtro15_3=select({\n title: \"Grande área\",\n description: \"Selecione um tema\",\n //options: [\"Todas\"].concat((filtro15==\"Publicações\")?[...new Set(database_artigos.map(d=>d.areas).flat().map(d=>d[0]))]:[...new Set(database_eventos.map(d=>d.areas).flat().map(d=>d[0]))])\n options: Object.keys(keywords.artigos).map(d=>({label:convArea(d),value:d}))\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6684,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8519,"value":"height15=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8359,"value":"sizeFactor=[1.2,1.5,1.8,2.3,2.5,2,2,2.8,6.3,5.2]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8246,"value":"keywords=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/keywords.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8290,"value":"data15=keywords[filtro15][filtro15_3]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8476,"value":"function convArea(s){\n if (s==\"CIENCIAS_DA_SAUDE\")\n return \"Ciências da Saúde\"\n if (s==\"CIENCIAS_BIOLOGICAS\")\n return \"Ciências Biológicas\"\n if (s==\"ENGENHARIAS\")\n return \"Engenharias\"\n if (s==\"CIENCIAS_SOCIAIS_APLICADAS\")\n return \"Ciências Sociais Aplicadas\"\n if (s==\"CIENCIAS_HUMANAS\")\n return \"Ciências Humanas\"\n if (s==\"CIENCIAS_EXATAS_E_DA_TERRA\")\n return \"Ciências Exatas e da Terra\"\n if (s==\"LINGUISTICA_LETRAS_E_ARTES\")\n return \"Linguística, Letras e Artes\"\n if (s==\"OUTROS\")\n return \"Outros\"\n if (s==\"CIENCIAS_AGRARIAS\")\n return \"Ciências Agrárias\"\n return s\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7012,"value":"md`## Teste 16: Produção científica ao redor do mundo`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7015,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7019,"value":"height16=600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7041,"value":"color16 = {\n return d3.scaleSequentialSymlog().domain([Math.min(...Object.values({...dados16})),Math.max(...Object.values({...dados16}))])\n .interpolator(d3.interpolateOrRd) //scaleSequentialSqrt?\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9185,"value":"color16_novo=d3.scaleSequentialSymlog().domain([Math.min(...Object.values({...dados16})),Math.max(...Object.values({...dados16}))]).interpolator(d3.interpolate(\"#E199FF\",\"#480065\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7088,"value":"paises=mundo.objects.countries.geometries.map(d=>d.id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8125,"value":"excecoes_paises=({\n \"Inglaterra\":\"Reino Unido\",\n \"Grã-Bretanha\":\"Reino Unido\",\n \"Escócia\":\"Reino Unido\",\n \"Irlanda do Norte\":\"Reino Unido\",\n \"Gales\":\"Reino Unido\",\n \"Belarus\":\"Bielorrússia\",\n \"Bielorússia\":\"Bielorrússia\",\n \"Coréia do Sul\":\"Coreia do Sul\",\n //\"Coréia do Norte\":\"Coreia do Norte\",\n \"Austria\":\"Áustria\",\n \"Suiça\":\"Suíça\",\n \"Emirados Árabes\":\"Emirados Árabes Unidos\",\n \"Kuweit\":\"Kuwait\",\n \"Malavi\":\"Malawi\",\n \"Hong Kong\":\"Hong Kong, RAE da China\",\n \"Formosa\":\"Taiwan\",\n \"Bósnia\":\"Bósnia e Herzegovina\",\n \"Vaticano\":\"Cidade do Vaticano\",\n //\"Rep.Centro-Africana\":\"República Centro-Africana\",\n \"Zimbabue\":\"Zimbábue\",\n \"Camarões\":\"República dos Camarões\",\n \"Burkina Fasso\":\"Burkina Faso\",\n \"Macedônia\":\"Macedônia do Norte\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8303,"value":"dados16=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dados_mapa_eventos.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8331,"value":"i18n={\n import_i18n.registerLocale(i18n_pt)\n return import_i18n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8337,"value":"i18n_pt=d3.json(\"https://cdn.skypack.dev/i18n-iso-countries/langs/pt.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8341,"value":"import_i18n=import(\"https://cdn.skypack.dev/i18n-iso-countries\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7025,"value":"mundo=d3.json(\"https://cdn.jsdelivr.net/npm/world-atlas/countries-50m.json\") //110m nao mostra Cingapura","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7484,"value":"md`## Teste 17: Áreas de pesquisa`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9989,"value":"viewof menu17=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um tema\",\n options: [\"Publicações\",\"Participações em Eventos\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7655,"value":"sw17=swatches({title: \"Legenda\", color:color17, tickSize: 0})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7487,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7490,"value":"drag = simulation => {\n \n function dragstarted(event, d) {\n if (!event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n \n function dragged(event,d) {\n d.fx = event.x;\n d.fy = event.y;\n }\n \n function dragended(event,d) {\n if (!event.active) simulation.alphaTarget(0);\n d.fx = null;\n d.fy = null;\n }\n \n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7493,"value":"color17=d3.scaleOrdinal()\n .domain([...new Set(dados17.nodes.map(d=>d.group))])\n .range([...new Set(dados17.nodes.map(d=>d.group))].map(d=>paletatemas[convArea(d)]))\n//d3.scaleOrdinal().domain([...new Set(dados17.nodes.map(d=>d.group))]).range(d3.schemeCategory10)\n//color17 = {\n// const scale = d3.scaleOrdinal(d3.schemeCategory10);\n// return d => scale(d.group);\n//}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7501,"value":"height17=600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7629,"value":"dados17={\n let dados=(menu17==\"Publicações\")?dados17_artigos:dados17_eventos\n dados.nodes=dados.nodes.filter(d=>d.value>=50)\n dados.nodes.forEach((d,i,arr)=>arr[i].group=convArea(d.group))\n let mappedFiltered=dados.nodes.map(d=>d.name)\n dados.links=dados.links.filter(d=>mappedFiltered.includes(d.source)&&mappedFiltered.includes(d.target))\n return dados\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7498,"value":"dados17_artigos=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dados17_artigos.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7623,"value":"dados17_eventos=d3.json(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/dados17_eventos.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"md`## Dados`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"matriculados=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_matriculados.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"grad_matriculados={\n let ret=matriculados.filter(d=>d.nivel==\"Graduação\")\n ret.forEach((d,i,arr)=>{\n if (d[\"Faculdade / Escola\"]==\"Escola de Educação Física e Desportos (EEFD)\")\n arr[i][\"Faculdade / Escola\"]=\"Escola de Educação Física e Desportos – EEFD\"\n if (d[\"Faculdade / Escola\"]==\"Instituto de Ciências Biomédicas (ICB)\")\n arr[i][\"Faculdade / Escola\"]=\"Instituto de Ciências Biomédicas – ICB\"\n })\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"matriculados_genero=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_matriculados-genero.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"grad_matriculados_genero=matriculados_genero.filter(d=>d.nivel==\"Graduação\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"matriculados_cor=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_matriculados-raca.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"grad_matriculados_cor=matriculados_cor.filter(d=>d.nivel==\"Graduação\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"matriculados_renda=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_matriculados-renda.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"grad_matriculados_renda=matriculados_renda.filter(d=>d.nivel==\"Graduação\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"concluintes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_concluintes.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"grad_concluintes=concluintes.filter(d=>d.nivel==\"Graduação\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"ingressantes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Alunos-graduacao-UFRJ-Siga_ingressantes.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"grad_ingressantes=ingressantes.filter(d=>d.nivel==\"Graduação\").map(function(d){\n delete Object.assign(d, {[\"QTD\"]: d[\"QTD-ingressante\"] })[\"QTD-ingressante\"];\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1057,"value":"geo_matriculados=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1039,"value":"geo_concluintes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Concluintes_Geral.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"geo_ingressantes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Ingressantes_Geral.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1233,"value":"orcamento=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2874,"value":"historiapos=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/historiapos.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4663,"value":"evasao=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/evasao.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4821,"value":"docentes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/docentes2.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6549,"value":"database_artigos=d3.blob(\"https://rawcdn.githack.com/lucasbarcellosoliveira/100AnosUFRJ/edbc14e2a92a3297623d4ac797475b7e733e80c0/database_artigos.zip\").then(blob=>jszip.loadAsync(blob).then(unzip=>unzip.file(\"database_artigos.csv\").async(\"text\").then(text=>d3.csvParse(text,l=>{\n [\"keywords\",\"setores\",\"areas\"].forEach(atributo=>{\n l[atributo]=l[atributo]\n //excecoes\n .replace(/\\\\'/g,'')\n .replace(/'\"|\"'/g,'\"')\n .replace(/, \"/g,',\"')\n .replace(/ \"|\" /g,'')\n //\n .replace(/\\['/g,'[\"')\n .replace(/',/g,'\",')\n .replace(/ '/g,'\"')\n .replace(/']/g,'\"]')\n try{\n l[atributo]=JSON.parse(l[atributo])\n }\n catch (e){\n l[atributo]=[]\n }\n })\n return l\n}))))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7191,"value":"database_eventos=d3.blob(\"https://rawcdn.githack.com/lucasbarcellosoliveira/100AnosUFRJ/7170161d60d4ba860c432b0d5ec699261f3277e2/database_eventos.zip\").then(blob=>jszip.loadAsync(blob).then(unzip=>unzip.file(\"database_eventos.csv\").async(\"text\").then(text=>d3.csvParse(text,l=>{\n [\"keywords\",\"setores\",\"areas\"].forEach(atributo=>{\n l[atributo]=l[atributo]\n //excecoes\n .replace(/\\\\'/g,'')\n .replace(/'\"|\"'/g,'\"')\n .replace(/, \"/g,',\"')\n .replace(/ \"|\" /g,'')\n //\n .replace(/\\['/g,'[\"')\n .replace(/',/g,'\",')\n .replace(/ '/g,'\"')\n .replace(/']/g,'\"]')\n try{\n l[atributo]=JSON.parse(l[atributo])\n }\n catch (e){\n l[atributo]=[]\n }\n })\n return l\n}))))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2556,"value":"md`## Tooltip`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2507,"value":"tooltip = d3.select(\"body\").append(\"div\")\n .attr(\"id\",\"tooltip\")\n .attr(\"class\", \"svg-tooltip\")\n .style(\"position\", \"absolute\")\n .style(\"visibility\", \"hidden\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2529,"value":"mouseFunc=({\n mouseOver: function(){\n tooltip.text(d3.select(this).attr(\"text-tooltip\"))\n return tooltip.style(\"visibility\", \"visible\")\n },\n mouseMove: function(e){\n let x=(e.pageX>width*0.8)?d3.select(\"body>#tooltip\").node().getBoundingClientRect().width+20:0\n return tooltip.style(\"top\", (e.pageY-10)+\"px\").style(\"left\",(e.pageX+10-x)+\"px\")\n },\n mouseOut: function(){\n return tooltip.style(\"visibility\", \"hidden\")\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`## Recursos`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9423,"value":"mdc=require('material-components-web@10.0.0/dist/material-components-web.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9420,"value":"mdcStyle=\nhtml`\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9163,"value":"paletatemas=({\n \"Linguística, Letras e Artes\":\"#FF80B8\",\n \"Engenharias\":\"#91E2ED\",\n \"Ciências Agrárias\":\"#FFF280\",\n \"Ciências Biológicas\":\"#D4AAC3\",\n \"Ciências Exatas e da Terra\":\"#9297EC\",\n \"Ciências Sociais Aplicadas\":\"#FF9580\",\n \"Ciências da Saúde\":\"#91EDAA\",\n \"Ciências Humanas\":\"#FFCC80\",\n \"Outros\":\"#DA80FF\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9139,"value":"cor_outros=\"#9000CB\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9136,"value":"cor_admin=\"#A1A1A1\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9046,"value":"paletacentros=({\n \"Centro de Letras e Artes\":\"#FF3C93\",\n \"Centro de Tecnologia\":\"#23C0D6\",\n \"Macaé\":\"#FFE70B\",\n \"Xerém\":\"#D6ADC5\",\n \"Centro de Ciências Matemáticas e da Natureza\":\"#6269DE\",\n \"Centro de Ciências Jurídicas e Econômicas\":\"#F6431F\",\n \"Centro de Ciências da Saúde\":\"#23D953\",\n \"Centro de Filosofia e Ciências Humanas\":\"#FFA826\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6545,"value":"jszip=require(\"jszip/dist/jszip.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1310,"value":"function autoBox() {\n document.body.appendChild(this);\n const {x, y, width, height} = this.getBBox();\n document.body.removeChild(this);\n return [x, y, width, height];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3482,"value":"formatSemestre = function (date){\n if (filtro10_conjDados==\"Matriculados\")\n return date.getFullYear()+\".\"+((date.getMonth()<6)?1:2)\n return date.getFullYear()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3476,"value":"formatInt = new Intl.NumberFormat(\"pt-BR\",{maximumFractionDigits:0}).format","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"formatPercent = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":866,"value":"formatValue = new Intl.NumberFormat(\"pt-BR\").format","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1581,"value":"formatCurrency = new Intl.NumberFormat(\"pt-BR\", { style: 'currency', currency: 'BRL' }).format","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"function shadeColor(color, percent) { //deixa cor mais clara se percent>0, usada para circulos mais claros para os cursos\n\n //as seen on https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors\n \n var R = parseInt(color.substring(1,3),16);\n var G = parseInt(color.substring(3,5),16);\n var B = parseInt(color.substring(5,7),16);\n\n R = parseInt(R * (100 + percent) / 100);\n G = parseInt(G * (100 + percent) / 100);\n B = parseInt(B * (100 + percent) / 100);\n\n R = (R<255)?R:255; \n G = (G<255)?G:255; \n B = (B<255)?B:255; \n\n var RR = ((R.toString(16).length==1)?\"0\"+R.toString(16):R.toString(16));\n var GG = ((G.toString(16).length==1)?\"0\"+G.toString(16):G.toString(16));\n var BB = ((B.toString(16).length==1)?\"0\"+B.toString(16):B.toString(16));\n\n return \"#\"+RR+GG+BB;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2511,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1086,"value":"topojson = require('topojson-client')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"//import {rangeSlider} from \"@mootari/range-slider\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"import {select,slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6696,"value":"d3_cloud=require(\"d3-cloud\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3=require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9985,"value":"import {rangeSlider} from \"7198a8a4a8379c3e\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"