29:null 2a:["$","title",null,{"children":"100 Anos UFRJ | Lucas Barcellos Oliveira | Observable"}] 2f:T87a,{ //inspired by https://observablehq.com/@esperanc/circle-packing-with-force-boundary let { nodes, width, height } = layout const svg = d3.select(DOM.svg(width, height2)) const g = svg.append("g") const color = {"Centro de Ciências Jurídicas e Econômicas (CCJE)":d3.schemeCategory10[0], "Centro de Ciências da Saúde (CCS)":d3.schemeCategory10[1], "Centro de Letras e Artes (CLA)":d3.schemeCategory10[2], "Centro de Filosofia e Ciências Humanas (CFCH)":d3.schemeCategory10[3], "Centro de Ciências Matemáticas e da Natureza (CCMN)":d3.schemeCategory10[4], "Campus de Macaé":d3.schemeCategory10[5], "Campus de Xerém":d3.schemeCategory10[6], "Centro de Tecnologia (CT)":d3.schemeCategory10[7], "Centro de Artes e Letras":d3.schemeCategory10[8], "Sem informação":d3.schemeCategory10[9]}; const node = g .selectAll("g") .data(nodes,d=>d.curso) .enter() .append("g") .attr("class","treemap") .attr("transform", function (d,i) {return "translate(" + d.x + "," + d.y + ")" }) .attr("text-tooltip",d=>d.type+"\n"+d.curso+"\n"+d.size+" estudantes") .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //.append("title") //.text(d=>d.type+"\n"+d.curso+"\n"+d.size+" estudantes") node.append("circle").attr("r",d=>d.r).style("fill", d => color[d.type]) //.join( // enter=>enter.append("g") // .append("circle") // .attr("r", d => 0) // .style("fill", d => color[d.type]) // .attr("cx", d => d.x) // .attr("cy", d => d.y) // .call(enter => enter.transition(svg.transition().duration(1000)).attr("r", d=>d.r)), // update=>update // .call(update => update.transition(svg.transition().duration(1000)).attr("x", d=>d.x).attr("y",d=>d.y)), // exit=>exit // .call(exit => exit.transition(svg.transition().duration(1000)).attr("r", 0).remove()) // ) appendFittedText(node,d=>d.curso,d=>d.r) return svg.node() }30:Tb3b,rectLayout = function (specs, width = 500, height = 500, options = {}) { // Process options let {sizeToRadius = (sz => sz), fillRatio = 0.8, treemapPadding = 1, clusterPadding = 1, boundaryStrength = 0.2, clusterStrength = 0.2, collideStrength = 0.4 } = options; // Create a 2-level hierarchy from specs for use with d3 treemap let typeMap = new Map(); for (let s of specs) { if (typeMap.has (s.type)) typeMap.get(s.type).push (s) else typeMap.set (s.type, [s]) } let objectHierarchy = {name : "root", children : []}; for (let [key, specs] of typeMap) { objectHierarchy.children.push ({name:key, children: specs.map (s => ({name : s.type, size : s.size, count : s.count, value : sizeToRadius(s.size)**2 * s.count, curso: s.curso}))}) } // Create a treemap let tm = d3.treemap() .tile(d3.treemapSquarify) .size([width,height]) .padding(treemapPadding); let treeMap = tm (d3.hierarchy(objectHierarchy).sum(d => d.value).sort((a, b) => b.value - a.value)) // Create array of nodes for use with the force layout simulation let nodes = []; let totalArea = 0; treeMap.leaves().forEach ((l,i) => { let spec = l.data; let size = spec.size; let r = sizeToRadius(spec.size); let sp = spine(l.x0,l.y0,l.x1-l.x0,l.y1-l.y0,spec.count); for (let j = 0; j < spec.count; j++) { let datum = { cluster : i, type : spec.name, size : size, r : r, focusX : sp[j][0], focusY : sp[j][1], curso:spec.curso }; nodes.push(datum); totalArea += (datum.r*2)**2 } }) let radiusScale = 0.2335143883935424 //Math.sqrt(width*height/totalArea)*fillRatio nodes.forEach(node => {node.r *= radiusScale}) // Run the force simulation statically const simulation = d3.forceSimulation() .force("collide", forceClusterCollision() .radius(d => d.r + 1) .strength(collideStrength) .clusterPadding(clusterPadding) ) .force("x", d3.forceX().x(d => d.focusX).strength(clusterStrength)) .force("y", d3.forceY().y(d => d.focusY).strength(clusterStrength)) .force("boundary", forceBoundary(0, 0, width,height).strength(boundaryStrength)) simulation.nodes(nodes); for (var i = 0, n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())); i < n; ++i) { simulation.tick(); } // Return the treemap and force layout results return { treemap : treeMap , nodes : nodes, width : width, height : height }; }31:T6fb,menuCentro={ let ret= html`

Centro Toda a UFRJ

` let menuCentroMDC=new mdc.select.MDCSelect(ret) menuCentroMDC.listen('MDCSelect:change', () => mutable menuCentroMDCValue=menuCentroMDC.value); return ret }32:T71f,menuCursos={ let ret= html`

Cursos de Graduação Todos

` let menuCursosMDC=new mdc.select.MDCSelect(ret) menuCursosMDC.listen('MDCSelect:change', () => mutable menuCursosMDCValue=menuCursosMDC.value); return ret }33:T70a,menuTema={ let ret= html`

Temas Cor

` let menuTemaMDC=new mdc.select.MDCSelect(ret) menuTemaMDC.listen('MDCSelect:change', () => mutable menuTemaMDCValue=menuTemaMDC.value); return ret }34:Tfad,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); //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.94+",4)") //downloadbtn.append("circle") // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("r",15) //downloadbtn.append("image") // .attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/download-solid.svg") // .attr("width",18) // .attr("x",-9) // .attr("y",-10) //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href="https://github.com/lucasbarcellosoliveira/100AnosUFRJ/raw/master/MatriculadosGraduacao.zip" // a.target="_blank" //abre em nova guia // a.download="MatriculasGraduacao.json" // a.click() // a.remove() //}) //downloadbtn // .attr("text-tooltip","Download dos Dados") // .on("mouseover", mouseFunc.mouseOver) // .on("mousemove", mouseFunc.mouseMove) // .on("mouseout", mouseFunc.mouseOut) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.2) //.attr("x",width*0.4) //.attr("y",height4) //.attr("opacity",0.5) return svg.node(); }35: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 }36:T7bc,//calcGeral = { // let ret={} // let loop=[...new Set(grad_matriculados_cor.map(d => d.Centro))] // loop.forEach(centro=>{ // let ret2={} // let loop2=[[grad_matriculados_cor,"racaCor"],[grad_matriculados_genero,"sexo"],[grad_matriculados_renda,"renda"]] // loop2.forEach(([dados,atributo])=>{ // let dados_filtrados=dados.filter(d=>d.Centro==centro&&d.periodo>0&&d.periodo<3) //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).map(f=>parseInt(f.QTD)||0).reduce((acc,val)=>acc+val,0) //obtem registro p tal resposta // novo[converter4(e)]=subtotal //armazena qtd de alunos com tal resposta no novo objeto // total+=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]) // ret2[atributo]=(selordem4=="Crescente")?dados4:dados4.sort((a,b)=>b.periodo-a.periodo) //ordena ordem (de)crescente de tempo // }) // ret[centro]=ret2 // }) // return ret //}37:Tfcd,mapa_old = { 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', (d, i) => { if(d.id=="RJ") return "url(#hachura)" else return color5(dados5[d.id]) }) .attr("stroke","#555") .attr("stroke-width",0.1) .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 mouseEnter = (event, d) => { estados.filter(e=>e==d).raise() estados.transition("t5").attr("stroke-width", node => node==d ? 1 : 0.1) } let mouseLeave = () => { estados.transition("t5").attr("stroke-width", 0.1) } estados.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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // //a.href="https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv" // //a.href='data:application/json,' + encodeURI(JSON.serialize(geo_dados9)) // a.href='data:text/csv,' + encodeURI(jsonToCSV(geo_dados9)) // a.target="_blank" //abre em nova guia // a.download="Geo-Matriculados_Geral.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height5-width*0.09) //.attr("opacity",0.2) return svg.node() }38: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() }39:Tfa8,mapa2_old = { 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', (d, i) => { if(dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]==0) return "#F3F3F3" else return color8(dados8[d.properties.NOME.trim().toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]) }) .attr("stroke","#555") .attr("stroke-width",0.1) .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 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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // //a.href="https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv" // //a.href='data:application/json,' + encodeURI(JSON.serialize(geo_dados9)) // a.href='data:text/csv,' + encodeURI(jsonToCSV(geo_dados9)) // a.target="_blank" //abre em nova guia // a.download="Geo-Matriculados_Geral.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height8-width*0.09) //.attr("opacity",0.2) return svg.node() }3a:T1356,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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // //a.href="https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv" // //a.href='data:application/json,' + encodeURI(JSON.serialize(geo_dados9)) // a.href='data:text/csv,' + encodeURI(jsonToCSV(geo_dados9)) // a.target="_blank" //abre em nova guia // a.download="Geo-Matriculados_Geral.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height8-width*0.09) //.attr("opacity",0.2) return svg.node() }3b:T10d1,mapa3_old = { 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', (d, i) => { if (d.properties.name=="Rio de Janeiro") return "url(#hachura3)" else return color9(dados9[d.properties.name.toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "")]) }) .attr("stroke","#555") .attr("stroke-width",0.1) .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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // //a.href="https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv" // //a.href='data:application/json,' + encodeURI(JSON.serialize(geo_dados9)) // a.href='data:text/csv,' + encodeURI(jsonToCSV(geo_dados9)) // a.target="_blank" //abre em nova guia // a.download="Geo-Matriculados_Geral.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height9-width*0.09) //.attr("opacity",0.2) return svg.node() }3c:T151e,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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // //a.href="https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Matriculados_Geral.csv" // //a.href='data:application/json,' + encodeURI(JSON.serialize(geo_dados9)) // a.href='data:text/csv,' + encodeURI(jsonToCSV(geo_dados9)) // a.target="_blank" //abre em nova guia // a.download="Geo-Matriculados_Geral.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height9-width*0.09) //.attr("opacity",0.2) return svg.node() }3d:T111c,arvore = { const root = tree(d3.hierarchy(hierarquia) .sort((a, b) => d3.ascending(a.data.name, b.data.name))) const color = {"CCJE":d3.schemeCategory10[0], "CCS":d3.schemeCategory10[1], "CLA":d3.schemeCategory10[2], "CFCH":d3.schemeCategory10[3], "CCMN":d3.schemeCategory10[4], "Campus de Macaé":d3.schemeCategory10[5], "Campus de Xerém":d3.schemeCategory10[6], "CT":d3.schemeCategory10[8]} 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 maior numero de alunos do curso com mais alunos let maxqtd=Math.max(...hierarquia.children.map(d=>d.children.map(e=>e.children.map(f=>f.qtd))).flat(2))/2 svg.append("g") .attr("fill", "none") .attr("stroke", "#555") //#999 .attr("stroke-opacity", 0.3) .attr("stroke-width", 1.5) .selectAll("path") .data(paths) .join("path") .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*150/maxqtd-50: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 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*150/maxqtd-50:50)) //valor entre -50 e 100 .attr("r", 2.5) .on("mousedown", selecCentro) //barras if(selBarras=="Sim") svg.append("g") .selectAll("rect") .data(descendants.filter(d=>d.data.qtd)) .join("rect") .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90 - 0.25}) 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*150/maxqtd-50:50)) //valor entre -50 e 100 .attr("width", d=>d.data.qtd/2*barraMax/maxqtd) .attr("height", 3) .attr("text-tooltip",d=>(d.data.qtd)?d.data.name+"\n"+Math.ceil(d.data.qtd/2)+" matrículas/semestre":d.data.name) .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", 9) .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.data.qtd&&selBarras=="Sim")?d.y+d.data.qtd/2*barraMax/maxqtd:d.y},0) rotate(${d.x >= Math.PI ? 180 : 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.qtd)?d.data.name+"\n"+Math.ceil(d.data.qtd/2)+" matrículas/semestre":d.data.name) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) .on("mousedown", selecCentro) //t.append("title").text(d=>d.data.name) //adiciona tooltip t.clone(true).lower() .attr("stroke", "white") //adiciona texto em cor branca atras return svg.attr("viewBox", autoBox).node() }3e:T79b,hierarquia={ let dadosAno=[...grad_matriculados].filter(d=>d.ano==ano6) //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["Faculdade / Escola"]=="Escola de Belas Artes") d["Faculdade / Escola"]="Escola de Belas Artes (EBA)" //ren EBA if (d.Centro=="Centro de Artes e Letras") d.Centro="Centro de Artes e Letras (CLA)" //renomeia para CLA if (d["Faculdade / Escola"]=="Observ Valongo/Inst Física/Inst Matemática/Inst Geociências") d["Faculdade / Escola"]+="(OV / IF / IM / Igeo)" // if (removeCentro.includes(d.Centro)) return //nao adiciona centros excluidos 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:parseInt(d["QTD-matriculados"])}) 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+=parseInt(d["QTD-matriculados"]) //incrementa n de matr }) return raiz }3f:T1c59,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) //let downloadbtn=svg.append("g").attr("transform","translate("+600+","+600+")") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href='data:application/json,' + encodeURI(JSON.stringify(hierarquia2)) // a.target="_blank" //abre em nova guia // a.download="AreasDePesquisa.json" // a.click() // a.remove() //}) return svg.attr("viewBox", autoBox).node() }40:T9ae,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"]+="(OV / IF / IM / Igeo)" if (d["Faculdade/ Escola"]=="Faculdade de Economia e Administração") d["Faculdade/ Escola"]+=" (FEA)" //renomeia FEA // if (removeCentro.includes(d.Centro)) return //nao adiciona centros excluidos 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 }41:T426,data7={ let data7=[] //remove linha com total, filtra apenas UFRJ (sem HU), para cada ano orcamento.slice(1).filter(d=>d["Unidade Orçamentária"]=="26245 - Universidade Federal do Rio de Janeiro").forEach(d=>{ let f=data7.find(obj=>obj.name==d.Ano) //procura ano no array a ser retornado if (f) //se ano ja inserido if (f[d["Grupo de Despesa"]]) //se grupo de despesa ja inserido f[d["Grupo de Despesa"]]+=+d[filtro7].split(".").join("") //adiciona ao grupo de despesa no ano else //se grupo de despesa nao inserido f[d["Grupo de Despesa"]]=+d[filtro7].split(".").join("") //inseri grupo de despesa else //se nao inserido data7.push({name:+d.Ano,[d["Grupo de Despesa"]]:+d[filtro7].split(".").join("")}) //add ano,grupo }) data7.columns=["ano","1 - Pessoal e Encargos Sociais","2 - Juros e Encargos da Dívida","3 - Outras Despesas Correntes","4 - Investimentos"] //adiciona nomes de colunas ao array a ser retornado data7.splice(20) //corta ano 2020 if (selRazao=="Sim") razao(data7) return data7 }42:T9ce,chart7_2 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height7]) svg.append("g") .selectAll("g") .data(series7_2) .join("g") .attr("fill", d => color7_2(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", (d, i) => x7_2(d.data.Ano)) .attr("y", d => y7_2(d[1])) .attr("height", d => y7_2(d[0]) - y7_2(d[1])) .attr("width", x7_2.bandwidth()) .attr("text-tooltip",d => `${d.data.Ano}\n${d.key}\n${(["Alunos de graduação","Docentes","Aluno / Professor"].includes(filtro7_2))?formatValue(d.data[d.key]):formatCurrency(d.data[d.key])}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) svg.append("g") .call(xAxis7_2) svg.append("g") .call(yAxis7_2) let line = d3.line() .curve(d3.curveCatmullRom) .x(d => x7_2(d.Ano)+x7_2.bandwidth()/2) .y(d => yLinha(Object.values(d)[1])) svg.append("path") .datum(conjDados_linha.filter(d=>d.Ano>=d3.min(conjDados.map(e=>e.Ano))&&d.Ano<=d3.max(conjDados.map(e=>e.Ano)))) .attr("fill", "none") .attr("stroke", paletaufrj[0]) .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line) svg.append("g") .attr("fill", d => paletaufrj[0]) .selectAll("circle") .data(conjDados_linha.filter(d=>d.Ano>=d3.min(conjDados.map(e=>e.Ano))&&d.Ano<=d3.max(conjDados.map(e=>e.Ano)))) .join("circle") .attr("cx", (d, i) => x7_2(d.Ano)+x7_2.bandwidth()/2) .attr("cy", d => yLinha(Object.values(d)[1])) .attr("r", 5) .attr("text-tooltip",d => `${d.Ano}\n${Object.keys(d)[1]}\n${(["Alunos de graduação","Docentes","Aluno / Professor"].includes(filtro7_2_linha))?formatValue(Object.values(d)[1]):formatCurrency(Object.values(d)[1])}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) svg.append("g") .style("stroke",paletaufrj[0]) .call(yAxisLinha) .selectAll("line") .style("stroke",paletaufrj[0]) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height7-width*0.08) //.attr("opacity",0.2) return svg.node() }43:T47e,conjDados={ let ret switch (filtro7_2){ case "Todas as UFs": ret = [...orcamento2_todasUFs] ret.columns=["Ano","Pessoal e Encargos Sociais","Outras Despesas Correntes","Investimentos"] break case "UFRJ": ret = [...orcamento2_UFRJ] ret.columns=["Ano","Pessoal e Encargos Sociais","Outras Despesas Correntes","Investimentos"] break case "Alunos de graduação": ret = [...orcamento2_alunoGrad] ret.columns=["Ano","Número de Estudantes de Graduação (Presencial + EAD)"] break case "Docentes": ret = [...orcamento2_docentes] ret.columns=["Ano","Número de Docentes"] break case "Aluno / Professor": ret = [...orcamento2_alunoPorProfessor] ret.columns=["Ano","Relação alunos de graduação por professor"] break case "Outras despesas correntes / Aluno": ret = [...orcamento2_odcPorAluno] ret.columns=["Ano","Outras Despesas Correntes por aluno-ano"] break case "Investimento / Aluno": ret = [...orcamento2_invPorAluno] ret.columns=["Ano","Investimento por aluno-ano"] break } return ret }44:T4f0,chart10 = { //Baseado em https://observablehq.com/@d3/bar-chart-race const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height10]); svg.append('defs') .append('style') .attr('type', 'text/css') .text("@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;700&display=swap');"); const updateBars = bars(svg); const updateAxis = axis(svg); const updateLabels = labels(svg); const updateTicker = ticker(svg); invalidation.then(() => svg.interrupt()); //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15-5) //.attr("y",height10-width*0.09-25) //.attr("opacity",0.2) return Object.assign(svg.node(), { update(keyframe) { const transition = svg.transition("t10") .duration(duration) .ease(d3.easeLinear); // Extract the top bar’s value. x10.domain([0, keyframe[1][0].value]); updateAxis(keyframe, transition); updateBars(keyframe, transition); updateLabels(keyframe, transition); updateTicker(keyframe, transition); } }); }45: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)))); }46:T193c,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.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-1) // .attr("y2", d => yinf(d[0])-rowPadding/2-size11-1) 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) //let downloadbtn=svg.append("g").attr("transform","translate(0,10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href='data:text/csv,' + encodeURI(jsonToCSV(historiapos)) // a.target="_blank" //abre em nova guia // a.download="historiapos.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") // .attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") // .attr("width",width*0.15) // .attr("x",width-width*0.15) // .attr("y",0) //numTypes * (rowHeight + rowPadding) + margin11.top + margin11.bottom - width*0.09) // .attr("opacity",0.2) return svg.node() }47:T536,chart12 = { const root = partition(hierarquia12); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height12]) //.style("font", "10px sans-serif"); const cell = svg .selectAll("g") .data(root.descendants()) .join("g") .attr("transform", d => `translate(${d.y0},${d.x0})`); cell.append("rect") .attr("width", d => d.y1 - d.y0) .attr("height", d => d.x1 - d.x0) .attr("fill-opacity", 0.5) .attr("fill", d => { if (!d.depth) return "#ccc"; while (d.depth > 1) d = d.parent; return color12(d.data.name); }); const text = cell.filter(d => (d.x1 - d.x0) >= 13).append("text") .attr("alignment-baseline","middle") .attr("x", 3) .attr("y", d => 5+(d.x1 - d.x0)/2); text.append("tspan") .attr("font-size",15) .text(d => conv12(d.data.name)); text.append("tspan") .attr("font-size",12) .attr("fill-opacity", 0.7) .text(d => ` ${d.value} docentes`); cell.attr("text-tooltip",d => `${d.ancestors().map(d => d.data.name).reverse().join("\n")}\n${d.value} docentes\n${(d.data.gasto)?"Gasto em 2019: "+formatCurrency(d.data.gasto):""}`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) return svg.node(); }48: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 }49:T5eb,hierarquia12={ //let filtro=conv12(filtro12_2) 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,15).filter(e=>e[0].split("_")[0]==filtro12_2).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 (filtro12=="Todos")?raiz:raiz.children.find(obj=>obj.name==filtro12) }4a:T713,menuAlocacaoCirculo={ let ret= html`

Alocação Todos

` let menuAlocacaoCirculoMDC=new mdc.select.MDCSelect(ret) menuAlocacaoCirculoMDC.listen('MDCSelect:change', () => mutable menuAlocacaoCirculoMDCValue=menuAlocacaoCirculoMDC.value); return ret }4b:T74d,menuTemaCirculo={ let ret= html`

Tema Titulação

` let menuTemaCirculoMDC=new mdc.select.MDCSelect(ret) menuTemaCirculoMDC.listen('MDCSelect:change', () => mutable menuTemaCirculoMDCValue=menuTemaCirculoMDC.value); return ret }4c: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(); }4d:T176f,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\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\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\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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.35+","+-height*0.7+")") //downloadbtn.append("circle") // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("r",15) //downloadbtn.append("image") // .attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/download-solid.svg") // .attr("width",18) // .attr("x",-9) // .attr("y",-10) //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href='data:application/json,' + encodeURI(jsonToCSV(docentes)) // a.target="_blank" //abre em nova guia // a.download="AreasDePesquisa.csv" // a.click() // a.remove() //}) //downloadbtn // .attr("text-tooltip","Download dos Dados") // .on("mouseover", mouseFunc.mouseOver) // .on("mousemove", mouseFunc.mouseMove) // .on("mouseout", mouseFunc.mouseOut) return svg.attr("viewBox", autoBox).node(); }4e:T62c,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]==menuTemaCirculoMDCValue).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 (menuAlocacaoCirculoMDCValue=="Todos")?raiz:raiz.children.find(obj=>obj.name==menuAlocacaoCirculoMDCValue) }4f:T9fd,chart13 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height13+5]); const {nodes, links} = sankey(data13); svg.append("g") .attr("stroke", "#000") .attr("stroke-opacity",0) .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .attr("fill", color13) .attr("text-tooltip",d => `${conv13(d.name)}\n${d.value} docentes`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) const link = svg.append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll("g") .data(links) .join("g") .style("mix-blend-mode", "multiply"); const gradient = link.append("linearGradient") .attr("id", d => (d.uid = DOM.uid("link")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => d.source.x1) .attr("x2", d => d.target.x0); gradient.append("stop") .attr("offset", "0%") .attr("stop-color", d => color13(d.source)); gradient.append("stop") .attr("offset", "100%") .attr("stop-color", d => color13(d.target)); link.append("path") .attr("d", d3_sankey.sankeyLinkHorizontal()) .attr("stroke", d => d.uid) .attr("stroke-width", d => Math.max(1, d.width)); link.attr("text-tooltip",d => `${d.source.name.split("@")[0]} → ${conv13(d.target.name)}\n${d.value} docentes`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) svg.append("g") .attr("font-size", 22) .attr("font-weight", 700) .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(d => conv13(d.name)) .attr("text-tooltip",d => `${conv13(d.name)}\n${d.value} docentes`) .on("mouseover", mouseFunc.mouseOver) .on("mousemove", mouseFunc.mouseMove) .on("mouseout", mouseFunc.mouseOut) //let watermark = svg.append("image") // .attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") // .attr("width",width*0.15) // .attr("x",width-width*0.15) // .attr("y",0) // .attr("opacity",0.2) return svg.node(); }50:T595,function conv13 (s){ s=s.split("@")[0] 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 "CSS" 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" } if (s.length>20) return s.split(" ").map(w=>w[0]).filter(c=>c==c.toUpperCase()).join("") return s }51:T924,data13={ let nodes=[], links=[] docentes.filter(d=>d.Cargo.trim()==filtro13||filtro13=="Todos").forEach(d=>{ //hierarquia cargo->unidade->classe if (d.Total<1) return 0 //pula se nao ha docentes let cargo=d.Cargo.trim(), unidade=d.Unidade.trim()+"@"+cargo //necessario p diferenciar cargos e unidades de msm nome if (!nodes.map(d=>d.name).includes(cargo)) nodes.push({name:cargo}) //adiciona cargo se ja nao adicionado if (!nodes.map(d=>d.name).includes(unidade)) nodes.push({name:unidade}) //adiciona unidade se ja nao adicionada let classe = "Classe "+d.Classe //+"@"+unidade if (!nodes.find(obj=>obj.name==classe)) nodes.push({name:classe}) //adiciona classe se ja nao adicionada let f=links.find(obj=>obj.source==cargo&&obj.target==unidade) //busca se ja existe link entre cargo e unidade if (f){ //se ja existir f.value+=+d.Total //adiciona ao total de docentes f.gasto+=+d["Gasto anual com docentes do Magistério Superior em 2019"] //adiciona ao gasto } else //se nao existir links.push({source:cargo,target:unidade,value:+d.Total,gasto:+d["Gasto anual com docentes do Magistério Superior em 2019"]}) //adiciona link novo com valores iniciais de total e gasto links.push({source:unidade,target:classe,value:+d.Total,gasto:+d["Gasto anual com docentes do Magistério Superior em 2019"]}) //adiciona link entre unidade e classe (par unico, cada linha representa um par unidade,classe) //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 Object.entries(d).slice(4,16).filter(e=>e[0].split("_")[0]==filtro13_2).forEach(([atributo,valor])=>{ if (valor<1) return //pula se nao ha docentes com aquele atributo atributo=atributo //+"@"+classe if (!nodes.find(obj=>obj.name==atributo)) nodes.push({name:atributo}) //adiciona atributo se ja nao adicionado if (!links.find(obj=>obj.source==classe&&obj.target==atributo)) links.push({source:classe,target:atributo,value:+valor}) //adiciona link entre classe e atributo se ja nao houver else links.find(obj=>obj.source==classe&&obj.target==atributo).value+=+valor //atualiza link se ja exitir }) }) return {nodes,links} }52:T668d,parsets = { d3.parsets = function() { var event = d3.dispatch("sortDimensions", "sortCategories"), dimensions_ = autoDimensions, dimensionFormat = String, tooltip_ = defaultTooltip, categoryTooltip = defaultCategoryTooltip, value_, spacing = 20, width, height, tension = 1, tension0, duration = 500; // https://stackoverflow.com/questions/47844765/d3-rebind-in-d3-v4 // Copies a variable number of methods from source to target. d3.rebind = function(target, source) { var i = 1, n = arguments.length, method; while (++i < n) target[(method = arguments[i])] = d3_rebind( target, source, source[method] ); return target; }; // Method is assumed to be a standard D3 getter-setter: // If passed with no arguments, gets the value. // If passed with arguments, sets the value and returns the target. function d3_rebind(target, source, method) { return function() { var value = method.apply(source, arguments); return value === source ? target : value; }; } function d3_functor(v) { return typeof v === "function" ? v : function() { return v; }; } function parsets(selection) { selection.each(function(data, i) { var g = d3.select(this), ordinal = d3.scaleOrdinal(), dragging = false, dimensionNames = dimensions_.call(this, data, i), dimensions = [], tree = { children: {}, count: 0 }, nodes, total, ribbon, ribbonEnter; d3.select(window).on("mousemove.parsets." + ++parsetsId, unhighlight); if (tension0 == null) tension0 = tension; g.selectAll(".ribbon, .ribbon-mouse") .data(["ribbon", "ribbon-mouse"], String) .enter() .append("g") .attr("class", String); updateDimensions(); if (tension != tension0) { var t = d3.transition(g); if (t.tween) t.tween("ribbon", tensionTween); else tensionTween()(1); } function tensionTween() { var i = d3.interpolateNumber(tension0, tension); return function(t) { tension0 = i(t); ribbon.merge(ribbonEnter).attr("d", ribbonPath); }; } function updateDimensions() { // Cache existing bound dimensions to preserve sort order. var dimension = g.selectAll("g.dimension"), cache = {}; dimension.each(function(d) { cache[d.name] = d; }); dimensionNames.forEach(function(d) { if (!cache.hasOwnProperty(d)) { cache[d] = { name: d, categories: [] }; } dimensions.push(cache[d]); }); dimensions.sort(compareY); // Populate tree with existing nodes. g.select(".ribbon") .selectAll("path") .each(function(d) { var path = d.path.split("\0"), node = tree, n = path.length - 1; for (var i = 0; i < n; i++) { var p = path[i]; node = node.children.hasOwnProperty(p) ? node.children[p] : (node.children[p] = { children: {}, count: 0 }); } node.children[d.name] = d; }); tree = buildTree(tree, data, dimensions.map(dimensionName), value_); cache = dimensions.map(function(d) { var t = {}; d.categories.forEach(function(c) { t[c.name] = c; }); return t; }); (function categories(d, i) { if (!d.children) return; var dim = dimensions[i], t = cache[i]; for (var k in d.children) { if (!t.hasOwnProperty(k)) { dim.categories.push((t[k] = { name: k })); } categories(d.children[k], i + 1); } })(tree, 0); ordinal.domain([]).range(d3.range(dimensions[0].categories.length)); nodes = layout(tree, dimensions, ordinal); total = getTotal(dimensions); dimensions.forEach(function(d) { d.count = total; }); dimension = dimension.data(dimensions, dimensionName); var dEnter = dimension .enter() .append("g") .attr("class", "dimension") .attr("transform", function(d) { return "translate(0," + d.y + ")"; }) .on("mousedown.parsets", cancelEvent); dimension.merge(dEnter).each(function(d) { d.y0 = d.y; d.categories.forEach(function(d) { d.x0 = d.x; }); }); dEnter .append("rect") .attr("width", width) .attr("y", -45) .attr("height", 45); var textEnter = dEnter .append("text") .attr("class", "dimension") .attr("transform", "translate(0,-25)"); textEnter .append("tspan") .attr("class", "name") .text(dimensionFormatName); dimension.merge(dEnter).call( d3 .drag() // .origin(identity) .on("start", function(d) { dragging = true; d.y0 = d.y; }) .on("drag", function(d) { d.y0 = d.y = d3.event.y; for (var i = 1; i < dimensions.length; i++) { if (height * dimensions[i].y < height * dimensions[i - 1].y) { dimensions.sort(compareY); dimensionNames = dimensions.map(dimensionName); ordinal .domain([]) .range(d3.range(dimensions[0].categories.length)); nodes = layout( (tree = buildTree( { children: {}, count: 0 }, data, dimensionNames, value_ )), dimensions, ordinal ); total = getTotal(dimensions); g.selectAll(".ribbon, .ribbon-mouse") .selectAll("path") .remove(); updateCategories(dimension.merge(dEnter)); updateRibbons(); dimension .merge(dEnter) .transition() .duration(duration) .attr("transform", translateY) .tween("ribbon", ribbonTweenY); break; } } d3.select(this) .attr("transform", "translate(0," + d.y + ")") .transition(); ribbon .filter(function(r) { return r.source.dimension === d || r.target.dimension === d; }) .attr("d", ribbonPath); }) .on("end", function(d) { dragging = false; unhighlight(); var y0 = 45, dy = (height - y0 - 2) / (dimensions.length - 1); dimensions.forEach(function(d, i) { d.y = y0 + i * dy; }); transition(d3.select(this)) .attr("transform", "translate(0," + d.y + ")") .tween("ribbon", ribbonTweenY); }) ); dimension .merge(dEnter) .transition() .duration(duration) .attr("transform", function(d) { return "translate(0," + d.y + ")"; }) .tween("ribbon", ribbonTweenY); dimension.exit().remove(); updateCategories(dimension.merge(dEnter)); updateRibbons(); } function sortBy(type, f, dimension) { return function(d) { var direction = (this.__direction = -(this.__direction || 1)); d3.select(this).text(direction > 0 ? type + " »" : "« " + type); d.categories.sort(function() { return direction * f.apply(this, arguments); }); nodes = layout(tree, dimensions, ordinal); updateCategories(dimension.merge(dimension.enter())); updateRibbons(); }; } function updateRibbons() { ribbon = g .select(".ribbon") .selectAll("path") .data(nodes, function(d) { return d.path; }); ribbonEnter = ribbon .enter() .append("path") .each(function(d) { d.source.x0 = d.source.x; d.target.x0 = d.target.x; }); ribbonEnter .merge(ribbon) .attr("class", function(d) { return "category-" + d.major; }) .attr("d", ribbonPath); ribbonEnter.merge(ribbon).sort(function(a, b) { return b.count - a.count; }); ribbon.exit().remove(); var mouse = g .select(".ribbon-mouse") .selectAll("path") .data(nodes, function(d) { return d.path; }); var mouseEnter = mouse.enter().append("path"); mouseEnter.merge(mouse).on("mousemove.parsets", function(d) { ribbon.classed("active", false); if (dragging) return; highlight((d = d.node), true); showTooltip(tooltip_.call(this, d)); d3.event.stopPropagation(); }); mouse .merge(mouseEnter) .sort(function(a, b) { return b.count - a.count; }) .attr("d", ribbonPathStatic); mouse.exit().remove(); } // Animates the x-coordinates only of the relevant ribbon paths. function ribbonTweenX(d) { var nodes = [d], r = ribbon.merge(ribbonEnter).filter(function(r) { var s, t; if (r.source.node === d) nodes.push((s = r.source)); if (r.target.node === d) nodes.push((t = r.target)); return s || t; }), i = nodes.map(function(d) { return d3.interpolateNumber(d.x0, d.x); }), n = nodes.length; return function(t) { for (var j = 0; j < n; j++) nodes[j].x0 = i[j](t); r.attr("d", ribbonPath); }; } // Animates the y-coordinates only of the relevant ribbon paths. function ribbonTweenY(d) { var r = ribbon.merge(ribbonEnter).filter(function(r) { return ( r.source.dimension.name == d.name || r.target.dimension.name == d.name ); }), i = d3.interpolateNumber(d.y0, d.y); return function(t) { d.y0 = i(t); r.attr("d", ribbonPath); }; } // Highlight a node and its descendants, and optionally its ancestors. function highlight(d, ancestors) { if (dragging) return; var highlight = []; (function recurse(d) { highlight.push(d); for (var k in d.children) recurse(d.children[k]); })(d); highlight.shift(); if (ancestors) while (d) highlight.push(d), (d = d.parent); ribbon .filter(function(d) { var active = highlight.indexOf(d.node) >= 0; if (active) this.parentNode.appendChild(this); return active; }) .classed("active", true); } // Unhighlight all nodes. function unhighlight() { if (dragging) return; ribbon.classed("active", false); hideTooltip(); } function updateCategories(g) { var category = g.selectAll("g.category").data( function(d) { return d.categories; }, function(d) { return d.name; } ); var categoryEnter = category .enter() .append("g") .attr("class", "category"); categoryEnter.merge(category).attr("transform", function(d) { return "translate(" + d.x + ")"; }); // TODO: Don't really understand why I had to comment this one out // category.exit().remove(); category .merge(categoryEnter) .on("mousemove.parsets", function(d) { ribbon.classed("active", false); if (dragging) return; d.nodes.forEach(function(d) { highlight(d); }); showTooltip(categoryTooltip.call(this, d)); d3.event.stopPropagation(); }) .on("mouseout.parsets", unhighlight) .on("mousedown.parsets", cancelEvent) .call( d3 .drag() // .origin(identity) .on("start", function(d) { dragging = true; d.x0 = d.x; }) .on("drag", function(d) { d.x = d3.event.x; var categories = d.dimension.categories; for ( var i = 0, c = categories[0]; ++i < categories.length; ) { if (c.x + c.dx / 2 > (c = categories[i]).x + c.dx / 2) { categories.sort(function(a, b) { return a.x + a.dx / 2 - b.x - b.dx / 2; }); nodes = layout(tree, dimensions, ordinal); updateRibbons(); updateCategories(g); highlight(d.node); event.call("sortCategories"); break; } } var x = 0, p = spacing / (categories.length - 1); categories.forEach(function(e) { if (d === e) e.x0 = d3.event.x; e.x = x; x += (e.count / total) * (width - spacing) + p; }); d3.select(this) .attr("transform", function(d) { return "translate(" + d.x0 + ")"; }) .transition(); ribbon .filter(function(r) { return r.source.node === d || r.target.node === d; }) .attr("d", ribbonPath); }) .on("end", function(d) { dragging = false; unhighlight(); updateRibbons(); transition(d3.select(this)) .attr("transform", "translate(" + d.x + ")") .tween("ribbon", ribbonTweenX); }) ); category .merge(categoryEnter) .transition() .duration(duration) .attr("transform", function(d) { return "translate(" + d.x + ")"; }) .tween("ribbon", ribbonTweenX); categoryEnter .append("rect") .attr("width", function(d) { return d.dx; }) .attr("y", -20) .attr("height", 20); categoryEnter.append("line").style("stroke-width", 2); categoryEnter.append("text").attr("dy", "-.3em"); category .merge(categoryEnter) .select("rect") .attr("width", function(d) { return d.dx; }) .attr("class", function(d) { return ( "category-" + (d.dimension === dimensions[0] ? ordinal(d.name) : "background") ); }); category .merge(categoryEnter) .select("line") .attr("x2", function(d) { return d.dx; }); category .merge(categoryEnter) .select("text") .text( truncateText( function(d) { return d.name; }, function(d) { return d.dx; } ) ); } }); } parsets.dimensionFormat = function(_) { if (!arguments.length) return dimensionFormat; dimensionFormat = _; return parsets; }; parsets.dimensions = function(_) { if (!arguments.length) return dimensions_; dimensions_ = d3_functor(_); return parsets; }; parsets.value = function(_) { if (!arguments.length) return value_; value_ = d3_functor(_); return parsets; }; parsets.width = function(_) { if (!arguments.length) return width; width = +_; return parsets; }; parsets.height = function(_) { if (!arguments.length) return height; height = +_; return parsets; }; parsets.spacing = function(_) { if (!arguments.length) return spacing; spacing = +_; return parsets; }; parsets.tension = function(_) { if (!arguments.length) return tension; tension = +_; return parsets; }; parsets.duration = function(_) { if (!arguments.length) return duration; duration = +_; return parsets; }; parsets.tooltip = function(_) { if (!arguments.length) return tooltip; tooltip_ = _ == null ? defaultTooltip : _; return parsets; }; parsets.categoryTooltip = function(_) { if (!arguments.length) return categoryTooltip; categoryTooltip = _ == null ? defaultCategoryTooltip : _; return parsets; }; var body = d3.select("body"); var tooltip = body .append("div") .style("display", "none") .attr("class", "parsets tooltip"); return d3 .rebind(parsets, event, "on") .value(1) .width(960) .height(600); function dimensionFormatName(d, i) { return dimensionFormat.call(this, d.name, i); } function showTooltip(html) { var m = d3.mouse(body.node()); tooltip .style("display", null) .style("left", m[0] + 30 + "px") .style("top", m[1] - 20 + "px") .html(html); } function hideTooltip() { tooltip.style("display", "none"); } function transition(g) { return duration ? g .transition() .duration(duration) .ease(parsetsEase) : g; } function layout(tree, dimensions, ordinal) { var nodes = [], nd = dimensions.length, y0 = 45, dy = (height - y0 - 2) / (nd - 1); dimensions.forEach(function(d, i) { d.categories.forEach(function(c) { c.dimension = d; c.count = 0; c.nodes = []; }); d.y = y0 + i * dy; }); // Compute per-category counts. var total = (function rollup(d, i) { if (!d.children) return d.count; var dim = dimensions[i], total = 0; dim.categories.forEach(function(c) { var child = d.children[c.name]; if (!child) return; c.nodes.push(child); var count = rollup(child, i + 1); c.count += count; total += count; }); return total; })(tree, 0); // Stack the counts. dimensions.forEach(function(d) { d.categories = d.categories.filter(function(d) { return d.count; }); var x = 0, p = spacing / (d.categories.length - 1); d.categories.forEach(function(c) { c.x = x; c.dx = (c.count / total) * (width - spacing); c.in = { dx: 0 }; c.out = { dx: 0 }; x += c.dx + p; }); }); var dim = dimensions[0]; dim.categories.forEach(function(c) { var k = c.name; if (tree.children.hasOwnProperty(k)) { recurse(c, { node: tree.children[k], path: k }, 1, ordinal(k)); } }); function recurse(p, d, depth, major) { var node = d.node, dimension = dimensions[depth]; dimension.categories.forEach(function(c) { var k = c.name; if (!node.children.hasOwnProperty(k)) return; var child = node.children[k]; child.path = d.path + "\0" + k; var target = child.target || { node: c, dimension: dimension }; target.x = c.in.dx; target.dx = (child.count / total) * (width - spacing); c.in.dx += target.dx; var source = child.source || { node: p, dimension: dimensions[depth - 1] }; source.x = p.out.dx; source.dx = target.dx; p.out.dx += source.dx; child.node = child; child.source = source; child.target = target; child.major = major; nodes.push(child); if (depth + 1 < dimensions.length) recurse(c, child, depth + 1, major); }); } return nodes; } // Dynamic path string for transitions. function ribbonPath(d) { var s = d.source, t = d.target; return ribbonPathString( s.node.x0 + s.x0, s.dimension.y0, s.dx, t.node.x0 + t.x0, t.dimension.y0, t.dx, tension0 ); } // Static path string for mouse handlers. function ribbonPathStatic(d) { var s = d.source, t = d.target; return ribbonPathString( s.node.x + s.x, s.dimension.y, s.dx, t.node.x + t.x, t.dimension.y, t.dx, tension ); } function ribbonPathString(sx, sy, sdx, tx, ty, tdx, tension) { var m0, m1; return (tension === 1 ? ["M", [sx, sy], "L", [tx, ty], "h", tdx, "L", [sx + sdx, sy], "Z"] : [ "M", [sx, sy], "C", [sx, (m0 = tension * sy + (1 - tension) * ty)], " ", [tx, (m1 = tension * ty + (1 - tension) * sy)], " ", [tx, ty], "h", tdx, "C", [tx + tdx, m1], " ", [sx + sdx, m0], " ", [sx + sdx, sy], "Z" ] ).join(""); } function compareY(a, b) { (a = height * a.y), (b = height * b.y); return a < b ? -1 : a > b ? 1 : a >= b ? 0 : a <= a ? -1 : b <= b ? 1 : NaN; } }; d3.parsets.tree = buildTree; function autoDimensions(d) { return d.length ? d3.keys(d[0]).sort() : []; } function cancelEvent() { d3.event.stopPropagation(); d3.event.preventDefault(); } function dimensionName(d) { return d.name; } function getTotal(dimensions) { return dimensions[0].categories.reduce(function(a, d) { return a + d.count; }, 0); } // Given a text function and width function, truncates the text if necessary to // fit within the given width. function truncateText(text, width) { return function(d, i) { var t = (this.textContent = text(d, i)), w = width(d, i); if (this.getComputedTextLength() < w) return t; this.textContent = "…" + t; var lo = 0, hi = t.length + 1, x; while (lo < hi) { var mid = (lo + hi) >> 1; if ((x = this.getSubStringLength(0, mid)) < w) lo = mid + 1; else hi = mid; } return lo > 1 ? t.substr(0, lo - 2) + "…" : ""; }; } var percent = d3.format("%"), comma = d3.format(",f"), parsetsEase = d3.easeElastic, parsetsId = 0; // Construct tree of all category counts for a given ordered list of // dimensions. Similar to d3.nest, except we also set the parent. function buildTree(root, data, dimensions, value) { zeroCounts(root); var n = data.length, nd = dimensions.length; for (var i = 0; i < n; i++) { var d = data[i], v = +value(d, i), node = root; for (var j = 0; j < nd; j++) { var dimension = dimensions[j], category = d[dimension], children = node.children; node.count += v; node = children.hasOwnProperty(category) ? children[category] : (children[category] = { children: j === nd - 1 ? null : {}, count: 0, parent: node, dimension: dimension, name: category }); } node.count += v; } return root; } function zeroCounts(d) { d.count = 0; if (d.children) { for (var k in d.children) zeroCounts(d.children[k]); } } function identity(d) { return d; } function translateY(d) { return "translate(0," + d.y + ")"; } function defaultTooltip(d) { var count = d.count, path = []; while (d.parent) { if (d.name) path.unshift(d.name); d = d.parent; } return ( path.join(" → ") + "
" + comma(count) + " (" + percent(count / d.count) + ")" ); } function defaultCategoryTooltip(d) { return ( d.name + "
" + comma(d.count) + " (" + percent(d.count / d.dimension.count) + ")" ); } return d3.parsets; }53:T724,style14 = html` .dimension { cursor: ns-resize; } .category { cursor: ew-resize; } .dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; } .dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; } .dimension tspan.sort:hover { fill: #333; } .dimension:hover tspan.name { fill: #000; } .dimension:hover tspan.sort { opacity: 1; } .dimension line { stroke: #000; } .dimension rect { stroke: none; fill-opacity: 0; } .dimension > rect, .category-background { fill: #fff; } .dimension > rect { display: none; } .category:hover rect { fill-opacity: .3; } .dimension:hover > rect { fill-opacity: .3; } .ribbon path { stroke-opacity: 0; fill-opacity: .5; } .ribbon path.active { fill-opacity: .9; } .ribbon-mouse path { fill-opacity: 0; } .category-0 { fill: #1f77b4; stroke: #1f77b4; } .category-1 { fill: #ff7f0e; stroke: #ff7f0e; } .category-2 { fill: #2ca02c; stroke: #2ca02c; } .category-3 { fill: #d62728; stroke: #d62728; } .category-4 { fill: #9467bd; stroke: #9467bd; } .category-5 { fill: #8c564b; stroke: #8c564b; } .category-6 { fill: #e377c2; stroke: #e377c2; } .category-7 { fill: #7f7f7f; stroke: #7f7f7f; } .category-8 { fill: #bcbd22; stroke: #bcbd22; } .category-9 { fill: #17becf; stroke: #17becf; } .category-10 { fill: #1f77b4; stroke: #1f77b4; } .category-11 { fill: #ff7f0e; stroke: #ff7f0e; } .category-12 { fill: #2ca02c; stroke: #2ca02c; } .category-13 { fill: #d62728; stroke: #d62728; } .category-14 { fill: #9467bd; stroke: #9467bd; } .category-15 { fill: #8c564b; stroke: #8c564b; } .category-16 { fill: #e377c2; stroke: #e377c2; } .category-17 { fill: #7f7f7f; stroke: #7f7f7f; } .category-18 { fill: #bcbd22; stroke: #bcbd22; } .category-19 { fill: #17becf; stroke: #17becf; } .tooltip { background-color: rgba(242, 242, 242, .6); position: absolute; padding: 5px; }`54:T1017,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) // let downloadbtn=svg.append("g").attr("transform","translate("+width*0.87+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href=(filtro15=="artigos")? // "https://github.com/lucasbarcellosoliveira/100AnosUFRJ/raw/master/database_artigos.zip" // :"https://github.com/lucasbarcellosoliveira/100AnosUFRJ/raw/master/database_eventos.zip" // a.target="_blank" //abre em nova guia // //a.download=(filtro16=="artigos")?"artigos_lattes.csv":"eventos_lattes.csv" // a.click() // a.remove() //}) cloud.start(); invalidation.then(() => cloud.stop()); //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height15-width*0.09) //.attr("opacity",0.2) return svg.node(); }55:T448,//temp={ // let artigos={}, // eventos={}, // grandes_areas=["Todas"].concat([...new Set(database_artigos.map(d=>d.areas).flat().map(d=>d[0]))]) // grandes_areas.forEach(grande_area=>{ // let termos=database_artigos // .filter(d=>grande_area=="Todas"||d.areas.map(e=>e[0]).includes(grande_area)) // .map(d=>d[filtro15_2]) // .flat() // .map(d=>d.toUpperCase()) // artigos[grande_area]=d3.rollups(termos, group => group.length, w => w) // .sort(([, a], [, b]) => d3.descending(a, b)) // .slice(0, 500) // .map(([text, value],i) => ({text, value, i})) // }) // grandes_areas.forEach(grande_area=>{ // let termos=database_eventos // .filter(d=>grande_area=="Todas"||d.areas.map(e=>e[0]).includes(grande_area)) // .map(d=>d[filtro15_2]) // .flat() // .map(d=>d.toUpperCase()) // eventos[grande_area]=d3.rollups(termos, group => group.length, w => w) // .sort(([, a], [, b]) => d3.descending(a, b)) // .slice(0, 500) // .map(([text, value],i) => ({text, value, i})) // }) // return {artigos,eventos} //}56:T6ae,menu16={ let ret= html`

Conjunto de dados Participações em Eventos

` let menu16MDC=new mdc.select.MDCSelect(ret) menu16MDC.listen('MDCSelect:change', () => mutable menu16MDCValue=menu16MDC.value); return ret }57:Tff0,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]} ${(filtro16=="Publicações")?"publicações":"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) //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.85+",10)") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href=(filtro16=="Publicações")? // "https://github.com/lucasbarcellosoliveira/100AnosUFRJ/raw/master/database_artigos.zip" // :"https://github.com/lucasbarcellosoliveira/100AnosUFRJ/raw/master/database_eventos.zip" // a.target="_blank" //abre em nova guia // //a.download=(filtro16=="Publicações")?"artigos_lattes.csv":"eventos_lattes.csv" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width-width*0.15) //.attr("y",height16-width*0.09) //.attr("opacity",0.2) return svg.node() }58:T65e,//dados16={ // let conjDados=(filtro16=="Publicações")?database_artigos:database_eventos, // atributo=(filtro16=="Publicações")?"PAIS-DE-PUBLICACAO":"PAIS-DO-EVENTO", // dados16={} // paises.forEach(d=>dados16[d]=0) // conjDados.forEach(d=>{ //para cada registro //excecoes //if (d[atributo]=="Inglaterra") d[atributo]="Reino Unido" //if (d[atributo]=="Coréia do Sul") d[atributo]="Coreia do Sul" //if (d[atributo]=="Austria") d[atributo]="Áustria" //if (d[atributo]=="Suiça") d[atributo]="Suíça" //if (d[atributo]=="Grã-Bretanha") d[atributo]="Reino Unido" //if (d[atributo]=="Belarus") d[atributo]="Bielorrússia" //if (d[atributo]=="Escócia") d[atributo]="Reino Unido" ////if (d[atributo]=="Coréia do Norte") d[atributo]="Coreia do Norte" //if (d[atributo]=="Emirados Árabes") d[atributo]="Emirados Árabes Unidos" //if (d[atributo]=="Kuweit") d[atributo]="Kuwait" //if (d[atributo]=="Malavi") d[atributo]="Malawi" //if (d[atributo]=="Hong Kong") d[atributo]="Hong Kong, RAE da China" //if (d[atributo]=="Bielorússia") d[atributo]="Bielorrússia" //if (d[atributo]=="Irlanda do Norte") d[atributo]="Reino Unido" //if (d[atributo]=="Gales") d[atributo]="Reino Unido" //if (d[atributo]=="Formosa") d[atributo]="Taiwan" //if (d[atributo]=="Bósnia") d[atributo]="Bósnia e Herzegovina" // // if (d[atributo] in excecoes_paises) d[atributo]=excecoes_paises[d[atributo]] // let norm=i18n.alpha2ToNumeric(i18n.getAlpha2Code(d[atributo],"pt")) // if (norm && norm in dados16) dados16[norm]+=1 // }) // return dados16 //}59:T6a3,menu17={ let ret= html`

Conjunto de dados Publicações

` let menu17MDC=new mdc.select.MDCSelect(ret) menu17MDC.listen('MDCSelect:change', () => mutable menu17MDCValue=menu17MDC.value); return ret }5a:Te53,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+" "+menu17MDCValue) .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()); //let downloadbtn=svg.append("g").attr("transform","translate("+width*0.38+","+-height*0.6+")") //downloadbtn.append("rect") // .attr("width",100) // .attr("height",20) // .attr("fill","rgba(24, 27, 72, 0.5)") //#f5f5f5 // .attr("stroke","lightgray") // .attr("stroke-width",1) // .attr("rx",10) //downloadbtn.append("text") // .text("Obter Dados") // .attr("font-size",15) // .attr("text-anchor","middle") // .attr("x",50) // .attr("alignment-baseline","middle") // .attr("y",12) // .attr("fill","white") //downloadbtn.on("click",()=>{ // let a=document.createElement("a") // a.href='data:application/json,' + encodeURI(JSON.stringify(dados17)) // a.target="_blank" //abre em nova guia // a.download="AreasDePesquisa.json" // a.click() // a.remove() //}) //let watermark = svg.append("image") //.attr("href","https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/logo100anoscinza.svg") //.attr("width",width*0.15) //.attr("x",width/2-width*0.15) //.attr("y",height17/2-width*0.09) //.attr("opacity",0.2) return svg.node(); }5b:T482,md` \`\`\`python import csv,ast,json areas=[] with open(r"database_artigos.csv",encoding="utf-8") as arq: leitor=csv.DictReader(arq) for linha in leitor: try: areas+=[ast.literal_eval(linha["areas"])] except: continue areas=[item for sublist in areas for item in sublist] #equivalente a flat nodes=[] links=[] def findIndexNode(name): for i, node in enumerate(nodes): if node["name"]==name: return i raise Exception(name+" not found in nodes") for linha in areas: linha=[a for a in linha if a] #filtro para remover items "" for i, area in enumerate(linha): if area not in map(lambda l:l["name"],nodes): nodes+=[{"name":area,"group":linha[0],"nivelHierarquia":i,"value":0}] else: nodes[findIndexNode(area)]["value"]+=1 if i==len(linha)-1: continue if {"source":area,"target":linha[i+1]} not in links: links+=[{"source":area,"target":linha[i+1]}] ret={"nodes":nodes,"links":links} with open("data.json","w",encoding="utf-8") as arq: json.dump(ret,arq) \`\`\` `5c:T478,function appendFittedText(selection, textParam, radiusParam) { const getRadius = typeof radiusParam === "function" ? radiusParam : function(){return radiusParam}; const getText = typeof textParam === "function" ? textParam : function(){return textParam}; selection.each(function(d){ d3.select(this) .selectAll(".fitted-text") .data([{}]) .enter() .append("text") .attr("class","fitted-text").attr("style", "text-anchor: middle; font: 10px 'Alegreya Sans'"); }) let text = selection.select(".fitted-text"); text.datum(function (d) { var lines = getLines(getText(d)); d.lines = lines.lines; d.textRadius = lines.textRadius; return d }); text.selectAll("tspan") .data((d) => d.lines ) .enter() .append("tspan") .attr("x", 0) .attr("y", (d, i) => (i - d.linesLength / 2 + 0.8) * lineHeight) .text((d) => d.text); text.attr("transform", function (d) { var scale = 1; if (d.textRadius !== 0 && d.textRadius) { scale = getRadius(d) / d.textRadius; } return "translate(" + 0 + "," + 0 + ")" + " scale(" + scale + ")" }); }5d:[] 2d:{"id":"230da06077e029b3","slug":"100-anos-ufrj","title":"100 Anos UFRJ","thumbnail":"8d3c99f4a796504c13337bc2d24af3116d2967e3494aaad10aab6472aca8c463","access_level":"public","create_time":"$D2020-07-01T17:36:57.999Z","update_time":"$D2021-04-06T19:18:05.710Z","view_time":null,"first_public_time":"$D2020-09-11T17:17:49.030Z","has_unpublished_edits":null,"fork":false,"stars":4,"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":9719,"publish_version":9719,"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":4,"collection":null,"type":"notebook","body":{"title":"100 Anos UFRJ","cells":[{"id":0,"value":"md`# 100 Anos UFRJ`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"md`## Teste 1: Série histórica por curso`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"viewof filtro1_dados=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":668,"value":"viewof filtro1_curso=select({\n title: \"Cursos de graduação\",\n description: \"Digite ou selecione um curso\",\n options: [...new Set(grad_dados1.map(d => d.curso))].sort(),\n value: \"Administração\",\n placeholder: \"Insira um curso...\"\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"viewof intervalo1 = rangeSlider({\n min: tempo1[0],\n max: Math.min(tempo1[tempo1.length-1],2019),\n step: 1,\n color,\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":192,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .attr(\"fill\", color)\n .selectAll(\"rect\")\n .data(grad_dados1_curso_ano)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x(i))\n .attr(\"y\", d => y(d.qtd))\n .attr(\"height\", d => y(0) - y(d.qtd))\n .attr(\"width\", x.bandwidth())\n .attr(\"text-tooltip\",d=>d.qtd+\" estudantes\")\n .on(\"mouseover\", mouseFunc.mouseOver)\n .on(\"mousemove\", mouseFunc.mouseMove)\n .on(\"mouseout\", mouseFunc.mouseOut)\n //.append(\"title\")\n //.text(d=>d.qtd+\" estudantes\");\n\n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3081,"value":"viewof sellimpar=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":3092,"value":"function limpar (dados){\n let max=Math.max(...dados.map(d=>d.qtd)) //obtem maior total de alunos dentre os anos/periodos\n return dados.filter(d=>d.qtd>=0.1*max)\n //retorna apenas periodos maiores que 10% deste valor\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"height=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"x = d3.scaleBand()\n .domain(d3.range(grad_dados1_curso_ano.length))\n .range([margin.left, width - margin.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).tickFormat(i => grad_dados1_curso_ano[i].ano).tickSizeOuter(0))\n .selectAll(\"text\")\t\n .style(\"text-anchor\", \"end\")\n .attr(\"dx\", \"-.8em\")\n .attr(\"dy\", \".15em\")\n .attr(\"transform\", \"rotate(-65)\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(grad_dados1_curso_ano, d => d.qtd)]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).ticks(null, grad_dados1_curso_ano.format))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"text\")\n .attr(\"x\", -margin.left)\n .attr(\"y\", 10)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"start\")\n .text(grad_dados1_curso_ano.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"margin = ({top: 5, right: 0, bottom: 45, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"color = \"#00A0D3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":644,"value":"grad_dados1={\n if (filtro1_dados==\"Ingressantes\")\n return grad_ingressantes\n else\n return grad_concluintes\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"grad_dados1_curso=grad_dados1.filter(d=>d.curso==filtro1_curso)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"tempo1=[...new Set(grad_dados1_curso.map(d => d.ano))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"grad_dados1_curso_ano={\n let grad_dados1_curso_ano=[]\n tempo1.forEach(function(a){\n if (a < intervalo1[0] || a > intervalo1[1]) return\n grad_dados1_curso_ano.push({\n ano:a,\n qtd:grad_dados1_curso.filter(d=>d.ano==a).reduce((acc,d)=>acc+parseInt(d[\"QTD\"]),0)\n })\n })\n if (sellimpar==\"Sim\") grad_dados1_curso_ano=limpar(grad_dados1_curso_ano) //remove anos pouco significativos, se desejado\n return grad_dados1_curso_ano\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"md`## Teste 2: Panorama geral / Treemap`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"viewof filtro2=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":462,"value":"viewof ano2 = Scrubber([...new Set(grad_dados2.map(d => d.ano))].sort(), {delay: 1000, autoplay: false, loopDelay: 5000, initial:2019})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1028,"value":"key2 = {\n let sw = swatches({title: \"Legenda\", color:d3.scaleOrdinal([\"Centro de Ciências Jurídicas e Econômicas (CCJE)\", \"Centro de Ciências da Saúde (CCS)\", \"Centro de Letras e Artes (CLA)\", \"Centro de Filosofia e Ciências Humanas (CFCH)\", \"Centro de Ciências Matemáticas e da Natureza (CCMN)\", \"Campus de Macaé\", \"Campus de Xerém\", \"Centro de Tecnologia (CT)\", \"Centro de Artes e Letras\", \"Sem informação\"], d3.schemeCategory10), tickSize: 0})\n d3.select(sw).selectAll(\"span\")\n .style(\"user-select\",\"none\")\n return sw\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"height2=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"grad_dados2={\n if (filtro2==\"Ingressantes\")\n return grad_ingressantes.filter(d=>d.ano<\"2020\"&&d.ano>\"1970\")\n else\n return grad_concluintes.filter(d=>d.ano<\"2020\"&&d.ano>\"1970\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"specs={\n let ret=[]\n let anual=grad_dados2.filter(d=>d.ano==ano2)\n let cursosAno=[...new Set(anual.map(d => d.curso))].sort()\n cursosAno.forEach(function(d){\n if (d.includes(\"EAD\")) return\n ret.push({\n type:anual.filter(e=>e.curso==d)[0].Centro,\n size:anual.filter(e=>e.curso==d).reduce((acc,e)=>acc+parseInt(e[\"QTD\"]),0),\n count:1,\n curso:d\n })\n })\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"layout = rectLayout (specs, width, height2, { fillRatio : 0.8, boundaryStrength:0.15*(1+(2019-ano2)/(0.01*ano2)) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"md`## Teste 3: Série histórica por centro`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"viewof filtro3_dados=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":706,"value":"viewof filtro3_centro=select({\n title: \"Centro\",\n description: \"Selecione um centro\",\n options: [...new Set(grad_dados3.map(d => d.Centro))].sort()\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"viewof intervalo3 = rangeSlider({\n min: tempo3[0],\n max: Math.min(tempo3[tempo3.length-1],2019),\n step: 1,\n color3,\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":737,"value":"chart3 = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height3]);\n\n svg.append(\"g\")\n .attr(\"fill\", color3)\n .selectAll(\"rect\")\n .data(grad_dados3_centro_ano)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x3(i))\n .attr(\"y\", d => y3(d.qtd))\n .attr(\"height\", d => y3(0) - y3(d.qtd))\n .attr(\"width\", x3.bandwidth())\n .attr(\"text-tooltip\",d=>d.qtd+\" estudantes\")\n .on(\"mouseover\", mouseFunc.mouseOver)\n .on(\"mousemove\", mouseFunc.mouseMove)\n .on(\"mouseout\", mouseFunc.mouseOut)\n //.append(\"title\")\n //.text(d=>d.qtd+\" estudantes\");\n\n svg.append(\"g\")\n .call(xAxis3);\n\n svg.append(\"g\")\n .call(yAxis3);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3078,"value":"viewof sellimpar3=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":3084,"value":"function limpar3 (dados){\n let max=Math.max(...dados.map(d=>d.qtd)) //obtem maior total de alunos dentre os anos/periodos\n return dados.filter(d=>d.qtd>=0.1*max)\n //retorna apenas periodos maiores que 10% deste valor\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":750,"value":"height3=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"x3 = d3.scaleBand()\n .domain(d3.range(grad_dados3_centro_ano.length))\n .range([margin3.left, width - margin3.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":756,"value":"xAxis3 = g => g\n .attr(\"transform\", `translate(0,${height3 - margin3.bottom})`)\n .call(d3.axisBottom(x3).tickFormat(i => grad_dados3_centro_ano[i].ano).tickSizeOuter(0))\n .selectAll(\"text\")\t\n .style(\"text-anchor\", \"end\")\n .attr(\"dx\", \"-.8em\")\n .attr(\"dy\", \".15em\")\n .attr(\"transform\", \"rotate(-65)\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"y3 = d3.scaleLinear()\n .domain([0, d3.max(grad_dados3_centro_ano, d => d.qtd)]).nice()\n .range([height3 - margin3.bottom, margin3.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":762,"value":"yAxis3 = g => g\n .attr(\"transform\", `translate(${margin3.left},0)`)\n .call(d3.axisLeft(y3).ticks(null, grad_dados3_centro_ano.format))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"text\")\n .attr(\"x\", -margin3.left)\n .attr(\"y\", 10)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"start\")\n .text(grad_dados3_centro_ano.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"color3 = \"#00A0D3\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":766,"value":"margin3 = ({top: 5, right: 0, bottom: 45, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"grad_dados3={\n if (filtro3_dados==\"Ingressantes\")\n return grad_ingressantes\n else\n return grad_concluintes\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"grad_dados3_centro=grad_dados3.filter(d=>d.Centro==filtro3_centro)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":718,"value":"tempo3=[...new Set(grad_dados3_centro.map(d => d.ano))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"grad_dados3_centro_ano={\n let grad_dados3_centro_ano=[]\n tempo3.forEach(function(a){\n if (a < intervalo3[0] || a > intervalo3[1]) return\n grad_dados3_centro_ano.push({\n ano:a,\n qtd:grad_dados3_centro.filter(d=>d.ano==a).reduce((acc,d)=>acc+parseInt(d[\"QTD\"]),0)\n })\n })\n if (sellimpar3==\"Sim\") grad_dados3_centro_ano=limpar3(grad_dados3_centro_ano) //remove anos pouco significativos, se desejado\n return grad_dados3_centro_ano\n}","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":942,"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":9645,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9654,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9638,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9647,"value":"mutable menuCentroMDCValue=\"Toda a UFRJ\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9660,"value":"mutable menuCursosMDCValue=\"Todos\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9641,"value":"mutable menuTemaMDCValue=\"Cor\"","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":"$34","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":"$35","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":3290,"value":"$36","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":4169,"value":"//function detalhe (categoria){\n// //e.stopPropagation()\n// if (dados4.columns.includes(\"Outros\")){\n// mutable dados4=prevdados4\n// return\n// }\n// mutable prevdados4=dados4\n// let ncolumns=dados4.columns.concat([\"Outros\"])\n// mutable dados4=dados4.map(d=>{\n// let ndado={}\n// Object.entries(d).forEach(entry=>{\n// if ([\"periodo\",categoria,\"total\"].includes(entry[0]))\n// ndado[entry[0]]=entry[1]\n// else\n// ndado[entry[0]]=0\n// })\n// ndado[\"Outros\"]=d.total-d[categoria]\n// return ndado\n// })\n// mutable dados4.columns=ncolumns //[\"periodo\",click,\"Outros\"]\n// return\n//}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4198,"value":"//mutable prevdados4=[]","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":1100,"value":"$37","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":"$38","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":1728,"value":"$39","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":2394,"value":"//dados55Sim={\n// let ret={},sim\n// bairros.forEach(d=>ret[d]=0)\n// geo_dados55.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>=intervalo55[0] && d.ano<=intervalo55[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// sim=stringSimilarity.findBestMatch(norm,bairros).bestMatch //busca bairro mais similar\n// if (sim.rating>=0.5) ret[sim.target]+=parseInt(d.QTD) //adiciona ao bairro a qtd\n// }\n// })\n// return ret\n//}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9098,"value":"$3a","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":2953,"value":"$3b","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":"$3c","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":1247,"value":"viewof ano6 = Scrubber(Array(2019 - 1969 + 1).fill().map((_, idx) => 1969 + idx), {delay: 1000, autoplay: false, loopDelay: 5000, initial:2019})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1313,"value":"$3d","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":2748,"value":"function selecCentro (e){\n e.stopPropagation() //previne mousedown do svg de ser chamado\n let click=d3.select(this).data()[0] //obtem elemento da arvore\n if (click.target) click=click.target //caso clique em linha, obtem target\n //encontra elemento do centro\n while (click.parent&&click.parent.data.name!=\"Universidade Federal do Rio de Janeiro (UFRJ)\") click=click.parent\n if (!removeCentro.includes(click.data.name))\n mutable removeCentro = removeCentro.concat([click.data.name]) //insere centro na lista de exclusao\n else{\n let novo=removeCentro\n novo.splice(removeCentro.findIndex(d=>d==click.data.name),1) //remove centro da lista de exclusao\n mutable removeCentro = novo\n }\n return\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2781,"value":"mutable removeCentro=[]","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":1236,"value":"$3e","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":3216,"value":"md`### Ingressantes\nClique para remover centros. Clique no fundo para resetar.`","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":4654,"value":"//viewof ano62 = Scrubber(Array(2019 - ((filtro6==\"Ingressantes\")?1969:1976) + 1).fill().map((_, idx) => ((filtro6==\"Ingressantes\")?1969:1976) + idx), {delay: 1000, autoplay: false, loopDelay: 5000, initial:2019})","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":9494,"value":"sliderDendrograma={\n let ret=\nhtml`\n

\n \n

\n 2019\n

\n`\n let sliderDendrogramaMDC = new mdc.slider.MDCSlider(ret);\n sliderDendrogramaMDC.listen(\"MDCSlider:input\",()=>mutable sliderDendrogramaMDCValue=sliderDendrogramaMDC.getValue())\n return ret\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9506,"value":"mutable sliderDendrogramaMDCValue=2019","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3206,"value":"$3f","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":"$40","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":1476,"value":"md`## Teste 7: Evolução do Orçamento`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1515,"value":"viewof filtro7=select({\n title: \"Situação do Orçamento\",\n description: \"Selecione uma categoria\",\n options: [\"Projeto de Lei\",\"Dotação Inicial\",\"Dotação Atual\",\"Empenhado\",\"Liquidado\",\"Pago\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1673,"value":"key7 = {\n let sw = swatches({title: \"Legenda\", color:d3.scaleOrdinal([\"Pessoal e Encargos Sociais\",\"Juros e Encargos da Dívida\",\"Outras Despesas Correntes\",\"Investimentos\"], d3.schemeSpectral[series7.length]), tickSize: 0})\n d3.select(sw).selectAll(\"span\")\n .style(\"user-select\",\"none\")\n return sw\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1534,"value":"chart7 = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height7]);\n\n svg.append(\"g\")\n .selectAll(\"g\")\n .data(series7)\n .join(\"g\")\n .attr(\"fill\", d => color7(d.key))\n .selectAll(\"rect\")\n .data(d => d)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x7(d.data.name))\n .attr(\"y\", d => y7(d[1]))\n .attr(\"height\", d => y7(d[0]) - y7(d[1]))\n .attr(\"width\", x7.bandwidth())\n .attr(\"text-tooltip\",d => `${d.data.name}\\n${d.key}\\n${formatCurrency(d.data[d.key])}${(selRazao==\"Sim\")?\" por aluno\":\"\"}`)\n .on(\"mouseover\", mouseFunc.mouseOver)\n .on(\"mousemove\", mouseFunc.mouseMove)\n .on(\"mouseout\", mouseFunc.mouseOut)\n //.append(\"title\")\n // .text(d => `${d.data.name} ${d.key}\\nR$ ${formatValue(d.data[d.key])}`);\n\n svg.append(\"g\")\n .call(xAxis7);\n\n svg.append(\"g\")\n .call(yAxis7);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3266,"value":"viewof selRazao=select({\n title: \"Orçamento por aluno\",\n description: \"Divide recursos por quantidade de alunos no ano\",\n options: [\"Sim\",\"Não\"]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1542,"value":"height7=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1572,"value":"margin7 = ({top: 5, right: 50, bottom: 20, left: 50})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1537,"value":"color7 = d3.scaleOrdinal()\n .domain(series7.map(d => d.key))\n .range(paletaufrj)\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1558,"value":"x7 = d3.scaleBand()\n .domain(data7.map(d => d.name))\n .range([margin7.left, width - margin7.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1561,"value":"y7 = d3.scaleLinear()\n .domain([0, d3.max(series7, d => d3.max(d, d => d[1]))])\n .rangeRound([height7 - margin7.bottom, margin7.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1564,"value":"xAxis7 = g => g\n .attr(\"transform\", `translate(0,${height7 - margin7.bottom})`)\n .call(d3.axisBottom(x7).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1568,"value":"yAxis7 = g => g\n .attr(\"transform\", `translate(${margin7.left},0)`)\n .call(d3.axisLeft(y7).tickFormat(function(d){return (selRazao==\"Sim\")?d:d/10E4 + \" M\"}))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1546,"value":"series7 = d3.stack()\n .keys(data7.columns.slice(1))\n (data7)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3239,"value":"function razao (data){\n data.forEach((d,i,arr)=>{\n let total=matriculados.filter(e=>e.ano==d.name).map(e=>parseInt(e[\"QTD-matriculados\"])).reduce((acc,val)=>acc+val,0)\n arr[i][\"1 - Pessoal e Encargos Sociais\"]/=total\n if (arr[i][\"2 - Juros e Encargos da Dívida\"]) arr[i][\"2 - Juros e Encargos da Dívida\"]/=total\n arr[i][\"3 - Outras Despesas Correntes\"]/=total\n arr[i][\"4 - Investimentos\"]/=total\n return\n })\n return\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4839,"value":"md`### Dados ajustados`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4709,"value":"viewof filtro7_2=select({\n title: \"Orçamento\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Todas as UFs\",\"UFRJ\",\"Alunos de graduação\",\"Docentes\",\"Aluno / Professor\",\"Outras despesas correntes / Aluno\",\"Investimento / Aluno\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5021,"value":"viewof filtro7_2_linha=select({\n title: \"Linha\",\n description: \"Selecione um conjunto de dados\",\n options: [\"Todas as UFs\",\"UFRJ\",\"Alunos de graduação\",\"Docentes\",\"Aluno / Professor\",\"Outras despesas correntes / Aluno\",\"Investimento / Aluno\"],\n value: \"UFRJ\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4713,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4754,"value":"color7_2 = d3.scaleOrdinal()\n .domain(series7_2.map(d => d.key))\n .range(paletaufrj.slice(2))\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4750,"value":"x7_2 = d3.scaleBand()\n .domain(conjDados.map(d => d.Ano))\n .range([margin7.left, width - margin7.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4739,"value":"y7_2 = d3.scaleLinear()\n .domain([0, d3.max(series7_2, d => d3.max(d, d => d[1]))])\n .rangeRound([height7 - margin7.bottom, margin7.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4747,"value":"xAxis7_2 = g => g\n .attr(\"transform\", `translate(0,${height7 - margin7.bottom})`)\n .call(d3.axisBottom(x7_2).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4736,"value":"yAxis7_2 = g => g\n .attr(\"transform\", `translate(${margin7.left},0)`)\n .call(d3.axisLeft(y7_2).tickFormat(d=>([\"Todas as UFs\",\"UFRJ\"].includes(filtro7_2))?d/10E8 + \" Bi\":formatValue(d)))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4957,"value":"yLinha=d3.scaleLinear()\n .domain([0, d3.max(conjDados_linha.map(d=>+Object.values(d)[1]))])\n .rangeRound([height7 - margin7.bottom, margin7.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5051,"value":"yAxisLinha = g => g\n .attr(\"transform\", `translate(${width-margin7.right},0)`)\n .call(d3.axisRight(yLinha).tickFormat(d=>([\"Todas as UFs\",\"UFRJ\"].includes(filtro7_2_linha))?d/10E8 + \" Bi\":formatValue(d)))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4742,"value":"series7_2 = d3.stack()\n .keys(conjDados.columns.slice(1))\n (conjDados)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4720,"value":"$43","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5024,"value":"conjDados_linha={\n switch (filtro7_2_linha){\n case \"Todas as UFs\":\n return orcamento2_todasUFs.map(d=>{return {Ano:d.Ano,\"Orçamento – Todas as UFs\":d3.sum(Object.values(d).splice(1))}})\n case \"UFRJ\":\n return orcamento2_UFRJ.map(d=>{return {Ano:d.Ano,\"Orçamento – UFRJ\":d3.sum(Object.values(d).splice(1))}})\n case \"Alunos de graduação\":\n return orcamento2_alunoGrad\n case \"Docentes\":\n return orcamento2_docentes\n case \"Aluno / Professor\":\n return orcamento2_alunoPorProfessor\n case \"Outras despesas correntes / Aluno\":\n return orcamento2_odcPorAluno\n case \"Investimento / Aluno\":\n return orcamento2_invPorAluno\n }\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: \"Centro\",\n description: \"Selecione um centro\",\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: \"Instituto\",\n description: \"Selecione um instituto\",\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":"$44","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":"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":"$45","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":3502,"value":"color10 = {\n const scale = d3.scaleOrdinal(d3.schemeCategory10); //d3.schemeTableau10\n if (data10.some(d => d.category !== undefined)) {\n const categoryByName = new Map(data10.map(d => [d.name, d.category]))\n scale.domain(Array.from(categoryByName.values()));\n return d => scale(categoryByName.get(d.name));\n }\n return d => scale(d.name);\n}","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":3391,"value":"//data10={\n// let data=[], filtr=grad_matriculados.filter(d=>d.ano>1970&&d.ano<2020) //remove anos incompletos\n// filtr.forEach(raw=>{\n// if (raw.periodo==0||raw.periodo==3) return //considera apenas periodos 1 e 2\n// if (raw.curso.includes(\"EAD\")) return //remove cursos de EAD\n// let f=data.find(d=>d.date==raw.ano+\".\"+raw.periodo&&d.name==raw.curso) //procura se ja registrado\n// if (f)\n// f.value+=parseInt(raw[\"QTD-matriculados\"]) //incrementa se encontrado\n// else\n// data.push({date:raw.ano+\".\"+raw.periodo,name:raw.curso,category:raw[\"Faculdade / Escola\"]+\"@\"+raw.Centro,value:parseInt(raw[\"QTD-matriculados\"])}) //insere se nova entrada\n// })\n// return data\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":"$46","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":5146,"value":"viewof filtro12=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":5171,"value":"viewof filtro12_2=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: \"Fu\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5111,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5120,"value":"partition = data => d3.partition()\n .size([height12, width])\n .padding(1)\n (d3.hierarchy(hierarquia12)\n .sum(d => d.value)\n .sort((a, b) => b.height - a.height || b.value - a.value))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5130,"value":"color12 = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, hierarquia12.children.length + 1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5116,"value":"height12=Math.min(valueRec(hierarquia12)*25,2000)","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":"$48","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":5092,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5653,"value":"viewof filtro12_circle=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":5656,"value":"viewof filtro12_2_circle=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":9592,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9595,"value":"mutable menuAlocacaoCirculoMDCValue=\"Todos\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9600,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9601,"value":"mutable menuTemaCirculoMDCValue=\"Ti\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5555,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5256,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5660,"value":"$4e","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":9040,"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 (menuAlocacaoCirculoMDCValue!=\"Todos\"){\n if (menuAlocacaoCirculoMDCValue in paletacentros)\n return paletacentros[menuAlocacaoCirculoMDCValue]+(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":9056,"value":"function color12_novo2 (nome,i){\n if (filtro12_circle!=\"Todos\"){\n if (i%2==0)\n return paletacentros[filtro12_circle]\n return \"#BBBBBB\"\n }\n if (nome in paletacentros)\n return paletacentros[nome]\n return \"#F0F0F0\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5354,"value":"md`## Teste 13: Sankey Diagram`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6026,"value":"viewof filtro13=select({\n title: \"Alocação\",\n description: \"Selecione um local de trabalho\",\n options: [...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":6030,"value":"viewof filtro13_2=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":5904,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6019,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5914,"value":"color13 = {\n const color = d3.scaleOrdinal(paletaufrj.slice(0,paletaufrj.length-3));\n return d => color(d.category === undefined ? d.name : d.category);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5907,"value":"height13=500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5918,"value":"sankey = {\n const sankey = d3_sankey.sankey()\n .nodeId(d => d.name)\n .nodeAlign(d3_sankey[\"sankeyLeft\"])\n .nodeWidth(15)\n .nodePadding(10)\n .extent([[1, 5], [width - 1, height13 - 5]])\n .nodeSort((a,b)=>a.name>b.name?1:-1)\n .linkSort((a,b)=>a.target.name>b.target.name?1:-1)\n return ({nodes, links}) => sankey({\n nodes: nodes.map(d => Object.assign({}, d)),\n links: links.map(d => Object.assign({}, d))\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5305,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6348,"value":"md`## Teste 14: Parallel Sets`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6401,"value":"viewof filtro14=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":6407,"value":"viewof filtro14_2=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":6358,"value":"chart14 = {\n //baseado em https://observablehq.com/@john-guerra/parallel-sets\n const svg = html``;\n\n const chart = parsets()\n .dimensions(dimensions)\n .tension(0.5);\n\n const vis = d3\n .select(svg)\n .append(\"svg\")\n .attr(\"width\", chart.width())\n .attr(\"height\", chart.height())\n .datum(data14)\n .call(chart);\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6376,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6343,"value":"data14={\n let data=[]\n docentes.filter(d=>d.Cargo.trim()==filtro14||filtro14==\"Todos\").forEach(d=>{\n Object.entries(d).filter(e=>e[0].split(\"_\")[0]==filtro14_2).forEach(([key,value])=>{\n for (let i=0;id.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":"$54","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":6669,"value":"//termos=(filtro15==\"artigos\")?database_artigos.filter(d=>filtro15_3==\"Todas\"||d.areas.map(e=>e[0]).includes(filtro15_3)).map(d=>d[filtro15_2]).flat().map(d=>d.toUpperCase()):database_eventos.filter(d=>filtro15_3==\"Todas\"||d.areas.map(e=>e[0]).includes(filtro15_3)).map(d=>d[filtro15_2]).flat().map(d=>d.toUpperCase())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6665,"value":"//data15 = d3.rollups(termos, group => group.length, w => w)\n// .sort(([, a], [, b]) => d3.descending(a, b))\n// .slice(0, (filtro15_2==\"keywords\")?500:100)\n// .map(([text, value],i) => ({text, value, i}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8270,"value":"$55","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":9550,"value":"$56","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9558,"value":"mutable menu16MDCValue=\"Participações em Eventos\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7283,"value":"viewof filtro16=select({\n title: \"Conjunto de dados\",\n description: \"Selecione um tema\",\n options: [\"Publicações\",\"Participações em eventos\"],\n value: \"Participações em eventos\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7015,"value":"$57","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":8072,"value":"//[... new Set(database_eventos.filter(d=>i18n.getAlpha2Code(d[\"PAIS-DO-EVENTO\"],\"pt\")==undefined).filter(d=>Object.keys(excecoes_paises).includes(d[\"PAIS-DO-EVENTO\"])==false).map(d=>d[\"PAIS-DO-EVENTO\"]))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8180,"value":"//database_eventos.filter(d=>d[\"PAIS-DO-EVENTO\"]==\"Britsh Indian Ocean\")","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":7092,"value":"$58","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":7060,"value":"//i18n=import(\"https://cdn.skypack.dev/i18n-iso-countries\").then(module=>{\n// d3.json(\"https://cdn.skypack.dev/i18n-iso-countries/langs/pt.json\").then(lang=>module.registerLocale(lang))\n// return module\n//})","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":9426,"value":"$59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9454,"value":"mutable menu17MDCValue=\"Publicações\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7627,"value":"viewof filtro17=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":"$5a","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=(menu17MDCValue==\"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":7644,"value":"md`### Gerador do grafo em Python 3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7641,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7925,"value":"md`## Flourish + Scrollama: Docentes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7930,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7933,"value":"md`## Flourish + Waypoint: Docentes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7938,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8806,"value":"md`## Flourish: Laboratórios`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8820,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8813,"value":"md`### _Web Scraper_ em Python 3 + BeautifulSoup + Requests`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8810,"value":"md`\n\\`\\`\\`python\nimport requests,json,csv\nfrom bs4 import BeautifulSoup\n\npagina_inicial=requests.get(\"http://www.pr2.ufrj.br/laboratorios\")\n\nsoup_inicial=BeautifulSoup(pagina_inicial.text,\"html.parser\")\n\nlista=[]\n\nfor centro in soup_inicial.find(class_=\"text-justify\").findAll(\"a\")[1:]:\n pagina=requests.get(centro.get(\"href\"))\n soup=BeautifulSoup(pagina.text,\"html.parser\")\n for lab in soup.find(id=\"accordion\").findAll(class_=\"panel-default\"):\n lab_info={}\n lab_info[\"Nome\"]=lab.strong.get_text()\n for detalhes in lab.findAll(\"td\"):\n lab_info[detalhes.strong.get_text()[:-1]]=detalhes.small.get_text()\n lab_info[\"Centro\"]=centro.get_text()\n lista+=[lab_info]\n\nwith open(\"laboratorios.json\",\"w\",encoding=\"utf-8\") as arq_json:\n json.dump(lista,arq_json,ensure_ascii=False)\n\nwith open(\"laboratorios.csv\",\"w\",encoding=\"utf-8\",newline='') as arq_csv:\n dw=csv.DictWriter(arq_csv, lista[0].keys())\n dw.writeheader()\n dw.writerows(lista)\n\\`\\`\\`\n`","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":1045,"value":"geo_concluintes_cor=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Concluintes_RacaCor.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1050,"value":"geo_concluintes_renda=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Concluintes_Renda.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1053,"value":"geo_concluintes_sexo=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Concluintes_Sexo.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":1069,"value":"geo_ingressantes_cor=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Ingressantes_RacaCor.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1073,"value":"geo_ingressantes_renda=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Ingressantes_Renda.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1076,"value":"geo_ingressantes_sexo=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/Geo-Ingressantes_Sexo.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":2877,"value":"//inep20102013=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20102013.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2880,"value":"//inep20142018ufrj=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018ufrj.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2883,"value":"//inep20142018macae=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018macae.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2886,"value":"//inep20142018caxaisxerem=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018caxiasxerem.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2889,"value":"//inep20142018ccje=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018ccje.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2892,"value":"//inep20142018ccmn=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018ccmn.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2895,"value":"//inep20142018css=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018ccs.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2899,"value":"//inep20142018cfch=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018cfch.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2902,"value":"//inep20142018cla=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018cla.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2905,"value":"//inep20142018ct=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018ct.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2908,"value":"//inep20142018multiunidade=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/inep20142018multiunidade.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":4681,"value":"orcamento2_todasUFs=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_todasUFs.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4684,"value":"orcamento2_UFRJ=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_UFRJ.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4687,"value":"orcamento2_alunoGrad=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_alunoGrad.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4690,"value":"orcamento2_docentes=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_docentes.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4693,"value":"orcamento2_alunoPorProfessor=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_alunoPorProfessor.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4696,"value":"orcamento2_odcPorAluno=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_odcPorAluno.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4699,"value":"orcamento2_invPorAluno=d3.csv(\"https://raw.githubusercontent.com/lucasbarcellosoliveira/100AnosUFRJ/master/orcamento2_invPorAluno.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":8604,"value":"function jsonToCSV(json){\n //as seen in https://stackoverflow.com/questions/8847766/how-to-convert-json-to-csv-format-and-store-in-a-variable\n const replacer = (key, value) => value === null ? '' : value // specify how you want to handle null values here\n const header = Object.keys(json[0])\n let csv = json.map(row => header.map(fieldName => JSON.stringify(row[fieldName], replacer)).join(','))\n csv.unshift(header.join(','))\n csv = csv.join('\\r\\n')\n return csv\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":4216,"value":"paletaufrj=[\"#ED1C24\",\"#F26522\",\"#E5A812\",\"#00A656\",\"#00A0D3\",\"#645FAA\",\"#C6168D\",\"#000000\",\"#6D6E71\",\"#FFFFFF\"]\n//obtido em https://ufrj.br/wp-content/uploads/legacy/documentos/ufrjfaz100anos/manual_de_identidade_visual_100-anos.pdf","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4313,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2842,"value":"import {lineHeight,getLines} from \"@zechasault/append-fitted-text-to-circle\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2351,"value":"//stringSimilarity=require('https://bundle.run/string-similarity@4.0.2')","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":349,"value":"import {forceClusterCollision} from \"@nbremer/custom-cluster-force-layout\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"spine = function (x,y,w,h,n) {\n let dmin = Math.min(w,h);\n let dmax = Math.max(w,h);\n let d = dmax-dmin;\n let s = (w > h) ?\n {x0:dmin/2, x1:w-dmin/2, y0:h/2, y1:h/2, dx:d, dy:0 } :\n {y0:dmin/2, y1:h-dmin/2, x0:w/2, x1:w/2, dx:0, dy:d };\n s.interp = (t) => [x+s.x0 + t*s.dx, y+s.y0+t*s.dy]\n if (n < 1) return [];\n if (n == 1) return [s.interp(0.5)];\n return d3.range(0,n).map(i=>s.interp(i/(n-1)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"forceBoundary = require(\"d3-force-boundary\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"import {inputsGroup} from \"@bumbeishvili/input-groups\"","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":7701,"value":"d3_sankey=require(\"d3-sankey\")","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"}],"files":"$W5d","stdlib":"1","titling":"auto"}} 2e:"$2d:body"