2d:null 2e:["$","title",null,{"children":"InfoViz - Mulheres no Poder | Alexandre R. Cajazeira Ramos | Observable"}] 33:T662,scrollChart = { const container = d3 .create("div") .style("width", width) // .style("height", chartHeight+"px"); const narrativeContainer = container .append("div") .style("height", chartHeight +"px") .style("overflow-y", "scroll") .style("float", "left") .on("scroll", () => { // Compute section const totalHeight = narrativeContainer.node().getBoundingClientRect().top; const offset = narrative.node().getBoundingClientRect().y; const section = Math.floor((totalHeight - offset + 10) / chartHeight); update(section); }); const narrative = narrativeContainer .append("div") .style("width", width-chartWidth) narrative .selectAll(".section") .data(eleicoes) .join("div") .attr("class", "section") .append("h2") .text(d => d); const vis = container .append("div") .attr("id", "chart1") // var svg = vis.append("svg") // .style("height", chartHeight +"px") // .style("width", chartWidth + "px"); const update = section => { // If the section hasn't changed, don't do anything! if (section === mutable currentSection) return; mutable currentSection = section; mutable year = (section == -1)?eleicoes[0]:eleicoes[section]; }; // Add the scrolling listener narrativeContainer.on("scroll", () => { const totalHeight = narrativeContainer.node().getBoundingClientRect().top; const offset = narrative.node().getBoundingClientRect().y; const section = Math.floor((totalHeight - offset + 10) / chartHeight); update(section); }); return container.node(); }34:T42b,// fonte = md`*Fonte: Levantamento DATADOC com base na Lei de Acesso à Informação*` fonte = { const fonte = htl.html` Fonte: Levantamento DATADOC, com base no repositório Brasilian Elections Python | CEPESPdata. ` return fonte; }35:T67f,scrollChart2 = { const container = d3 .create("div") .style("width", width) .style("height", chartHeight+"px"); const narrativeContainer = container .append("div") .style("height", chartHeight +"px") .style("overflow-y", "scroll") .style("float", "left") .on("scroll", () => { // Compute section const totalHeight = narrativeContainer.node().getBoundingClientRect().top; const offset = narrative.node().getBoundingClientRect().y; const section = Math.floor((totalHeight - offset + 10) / chartHeight); update(section); }); const narrative = narrativeContainer .append("div") .style("width", width-chartWidth) narrative .selectAll(".section2") .data(lista_scroll2) .join("div") .attr("class", "section2") .append("h2") .text(d => d); const vis = container .append("div") .attr("id", "chart2"); const update = section => { // If the section hasn't changed, don't do anything! if (section === mutable currentSection) return; mutable currentSection = section; // mutable year = (section == -1)?lista_scrol2[0]:lista_scrol2[section]; mutable currentSectionS2 = (section == -1)?lista_scroll2[0]:lista_scroll2[section]; // vis.style("background-color", 'blue'); }; // Add the scrolling listener narrativeContainer.on("scroll", () => { const totalHeight = narrativeContainer.node().getBoundingClientRect().top; const offset = narrative.node().getBoundingClientRect().y; const section = Math.floor((totalHeight - offset + 10) / chartHeight); update(section); }); return container.node(); }36:T11ab,datavizMap = { var active = d3.select(null); var svg = d3.select( DOM.svg(chartWidth, chartHeight) ); const projection = d3.geoMercator() .fitSize([chartWidth-margin.left-margin.right, chartHeight-margin.top-margin.bottom], mapaBR); const path = d3.geoPath() .projection(projection); if(cb_cargos.length == 0){ svg.append("text") .attr("fill", "black") .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "meddle") .attr("x", chartWidth/2) .attr("y", chartHeight/2) .attr("dy", "0.35em") .text("Selecione pelo menos um cargo"); return svg.node(); } const g = svg.append("g") .style("stroke-width", "1.5px") .attr("transform", 'translate('+margin.left+','+margin.top+')'); const estados = g.append("g") .attr("fill", "#005ce6") .attr("cursor", "pointer") .selectAll("path") .data(mapaBR.features) .join("path") .attr("class", "uf") .attr("id", d=> d.properties.UF) // .attr("stroke-width",d=> cinco_mais.indexOf(d.properties.UF) > -1 ? 2:1) .attr("stroke-width",1) .attr("opacity", 0.8) .attr("stroke", d=> "black") .attr('fill',d=> colorScaleUF(dataVizUF[d.properties.UF]?dataVizUF[d.properties.UF].pct:0)) .attr("d", path) .append("title") .text(d => `${d.properties.UF}: ${dataVizUF[d.properties.UF]?dataVizUF[d.properties.UF].pct:0}`); var tooltip = svg.append("g"); svg .selectAll(".uf").on("touchmove mousemove", function(event, d) { // console.log('oi'); // const tx = chartWidth/2; // const ty = 0; const [tx, ty] = d3.pointer(event, this); tooltip.call(callout,`${nomeUF(d.properties.UF)} ${dataVizUF[d.properties.UF].mulheres} mulher(es) eleita(s) (${d3.format(".0%")(dataVizUF[d.properties.UF].pct)} do total de ${dataVizUF[d.properties.UF].total}) `); tooltip.attr("transform", `translate(${tx+margin.left}, ${ty+margin.top})`); d3.select(this) .attr("stroke-width",2) .raise(); }) .on("touchend mouseleave", function() { tooltip.call(callout, null); d3.select(this) .attr("stroke-width",1) .raise(); }); if(chartWidth>=800){ svg.append("text") .attr("fill", "black") .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "start") .attr("x", margin.left) .attr("y", (chartHeight-margin.top)*(0.5)) .attr("dy", "0.35em") .text("Top 5:") const bars = svg.selectAll('rect').data(estados_em_ordem_labels.slice(0,5)) .enter().append('rect') .attr('y', d => yScale(d)-12.5) .attr("x", margin.left) .attr('width', 30) .attr('height', 25) .attr('fill', d=> colorScaleUF(dataVizUF[d.slice(0,2)].pct)) .attr("stroke-width", 2) .attr("opacity", .8) .attr("stroke", "black").on("touchmove mousemove", function(event, d) { highline(d.slice(0,2)); }).on("touchend mouseleave", function(event, d) { removeHighline(d.slice(0,2)); }); const yAxisValues = svg.append('g') .attr('transform', 'translate('+ (margin.left+110) +',0)') .attr("class", "title") .attr("cursor", "pointer"); yAxisValues.call(d3.axisLeft(yScale)) .selectAll('.domain, .tick line') .remove(); yAxisValues.selectAll('text') .attr("font-weight", "bold") .attr('fill','black') .attr("text-anchor", "meddle") // .attr("fill", d => dataVizUF[d.slice(0,2)].pct > (bestPct[1]/3)? 'white':'black') // .attr("stroke", "black") // .attr("stroke-width", 0.1) .on("touchmove mousemove", function(event, d) { highline(d.slice(0,2)); }).on("touchend mouseleave", function(event, d) { removeHighline(d.slice(0,2)); }); // const yAxisValues2 = svg.append('g') // .attr('transform', 'translate(75,0)') // .call(d3.axisLeft(yScale2)) // .selectAll('.domain, .tick line') // .remove(); } function highline(UF) { d3.select('#'+UF).attr("stroke-width",3); } function removeHighline(UF) { d3.select('#'+UF).attr("stroke-width",1); } return svg.node(); }37:T1962,chartSenadores = { // function getScore(m, n, r) { // return Math.abs(findA(m, n, r)*n/r-(5/7)) // } // function findN(m, r) { // var n = Math.floor(Math.log(m)/Math.log(2)) || 1; // var distance = getScore(m, n, r); // var direction = 0; // if(getScore(m, n+1, r)1) direction = -1; // while(getScore(m, n+direction, r)0){ // distance = getScore(m, n+direction, r); // n+=direction; // } // return n; // } // function findA(m, n, r) { // var x = (Math.PI*n*r)/(m-n) // var y = 1+(Math.PI*(n-1)*n/2)/(m-n) // var a = x/y // return a // } const svg = d3 .create("svg") .attr("viewBox", [0, 0, chartWidth, chartHeight]) .attr("font-family", "sans-serif") .attr("font-size", 12); // const radius = 15; // const totalSeats = senadores_eleitos_2018.length; // if (senadores_eleitos_2018.length == 0) return "No data to display"; // const numberOfRings = findN(totalSeats, radius); // const a0 = findA(totalSeats, numberOfRings, radius); // calculate seat distance // let points = []; // // calculate ring radii // var rings = [] // for(let i = 1; i <= numberOfRings; i++) { // rings[i] = radius - (i - 1) * a0; // } // function distribute(votes, seats) { // // initial settings for divisor finding // var voteSum = 0; // for(var party in votes){ // voteSum += votes[party] // } // var low = voteSum / (seats - 2) // var high = voteSum / (seats + 2) // var divisor = voteSum / seats // var parliament = calculateSeats(votes, divisor) // // find divisor // while(parliament.seats != seats){ // if(parliament.seats < seats) low = divisor // if(parliament.seats > seats) high = divisor // divisor = (low + high) / 2 // parliament = calculateSeats(votes, divisor) // } // return parliament.distribution // } // function calculateSeats(votes, divisor) { // var distribution = {} // var seats = 0 // for(var party in votes){ // distribution[party] = Math.round(votes[party] / divisor) // seats += distribution[party] // } // return {distribution, seats} // } // function getCoordinates(r, b) { // var x = parseFloat(r * Math.cos(b/r - Math.PI)).toFixed(10); // var y = parseFloat(r * Math.sin(b/r - Math.PI)).toFixed(10); // return [x, y]; // } // function nextRing (rings, ringProgress) { // var progressQuota, tQuota; // for(var i in rings){ // tQuota = parseFloat((ringProgress[i] || 0)/rings[i].length).toFixed(10); // if(!progressQuota || tQuota party_url + "?collection=@laurensdeb/belgisch-federaal-parlement&party=" + d[4]) // .attr("target", "_blank"); // circles.append("circle") // .attr("class", "circle") // .attr("cx", d => d[0]) // .attr("cy", d => d[1]) // .attr("r", d => d[2]) // .attr("fill", d => d[3]); // --------------------------------------------------------------- var gDots = svg.append("g") .style("stroke-width", "1.5px") .attr("transform", "translate("+(margin.left)+","+margin.top+")"); svg.append("text") .attr("fill", "black") .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("x", margin.left+SenDotRadius*5) .attr("y", chartHeight-margin.bottom) .attr("dy", "0.35em") .text(`Senado em 2018`) svg.append("text") .attr("fill", color("Feminino")) .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("x", margin.left+SenDotRadius*5) .attr("y", margin.top/3) .attr("dy", "0.35em") .text(`7 Mulheres`) svg.append("text") .attr("fill", color("Masculino")) .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("x", margin.left+SenDotRadius*5) .attr("y", margin.top*2/3+5) .attr("dy", "0.35em") .text(`47 Homens`) var points = gDots .selectAll(".circle") .data(senadores_eleitos_2018) .enter() .append("circle") // .attr("class", d=> d.categoria+'_circle circle') // .attr("id", d=> 'T'+d.inscricao) .attr("stroke", 'black') // .attr("stroke-width", d => selected_templo == "" | d.contribuinte == selected_templo?0.3:0.01) .attr("fill", d=> color(d.DESCRICAO_SEXO == "MASCULINO"?"Masculino":"Feminino")) // .attr("fill-opacity", d => selected_templo == "" | d.contribuinte == selected_templo?1:0.01) .attr("opacity", 1) .attr("cx", d=> d.x) .attr("cy", d=> d.y) .attr("r", SenDotRadius) .append("title") .text(d => `${d.NOME_URNA_CANDIDATO} (${d.SIGLA_PARTIDO}/${d.SIGLA_UF}) `); return svg.node(); }38:Te91,chart = { scrollChart d3.select("#chart1").selectAll('svg').remove(); // const svg = d3.select("#chart1").append("svg"); const svg = d3.select("#chart1") .append("svg") .style("height", chartHeight +"px") .style("width", chartWidth +"px") // .append('svg') // // d3 // // .create("svg") // .attr("viewBox", [0, 0, chartWidth, chartHeight]) // .attr("font-family", "sans-serif") // .attr("font-size", 12); svg.append("text") .attr("fill", "black") .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("x", chartWidth/2) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`${year}`) const rects = svg.append("g"); rects .selectAll("rect") .data(dataViz) .join("rect") .attr("fill", d => color(d.type)) .attr("x", d => (d.type === "Masculino" ? xMasc(d.pct) : xFem(0))) .attr("y", d => y(d.key)) .attr("width", d => d.type === "Masculino" ? xMasc(0) - xMasc(d.pct) : xFem(d.pct) - xFem(0) ) .attr("height", y.bandwidth()) .append("title") .text(d => `${d.n}`) svg.append("line") .attr("x1", xMasc(pct_homens)) .attr("x2", xMasc(pct_homens)) .attr("y1", margin.top/2) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "#999") svg.append("text") .attr("class", "title") .attr("text-anchor", "start") .attr("fill", "black") // .attr("fill", color("Masculino")) .attr("font-weight", "bold") .attr("x", xMasc(pct_homens)+5) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`${Math.round(pct_homens*100).toLocaleString() + "%" } Homens (${num_homens.toLocaleString()})`) svg.append("line") .attr("x1", xFem(pct_mulheres)) .attr("x2", xFem(pct_mulheres)) .attr("y1", margin.top/2) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "#999") svg.append("text") .attr("class", "title") .attr("fill", "black") // .attr("fill", color("Feminino")) .attr("font-weight", "bold") .attr("text-anchor", "start") .attr("x", xFem(pct_mulheres)+5) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`${(pct_mulheres*100).toFixed(1) + "%" } Mulheres (${num_mulheres.toLocaleString()})`) svg.append("line") .attr("x1", xMasc(0)) .attr("x2", xMasc(0)) .attr("y1", margin.top) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "black") svg.append("line") .attr("x1", xFem(0)) .attr("x2", xFem(0)) .attr("y1", margin.top) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "black") svg.append("g") .attr("fill", "black") .selectAll("text") .data(dataViz) .join("text") .attr("text-anchor", d => d.type === "Masculino" ? "start" : "start") .attr("x", d => (d.type === "Masculino" ? xMasc(d.pct) : xFem(d.pct))+5) .attr("y", d => y(d.key)+y.bandwidth()/2) .attr("dy", "0.35em") .text(d => d.pct>0.01? (d.pct*100).toFixed(1) + "%":"")//+ " ("+d.n.toLocaleString()+")"); svg.append("g").call(xAxis); svg.append("g").call(yAxis); var tooltip = svg.append("g"); rects .selectAll("rect").on("touchmove mousemove", function(event, d) { // const tx = chartWidth/2; // const ty = 0; const [tx, ty] = d3.pointer(event, this); tooltip.call(callout,`${d.key} ${ d.n + (d.type == 'Masculino'? ' homens': ' mulheres')} (${Math.round(d.pct*100).toLocaleString() + "%"}) `); tooltip.attr("transform", `translate(${tx}, ${ty})`); }) .on("touchend mouseleave", function() { tooltip.call(callout, null); }); return svg.node(); }39:Tc33,ScrollChart2 = { scrollChart2 d3.select("#chart2").selectAll('svg').remove(); const svg = d3.select("#chart2").append("svg") .style("height", chartHeight +"px") .style("width", chartWidth +"px") // const svg = // d3 // .create("svg") // .attr("viewBox", [0, 0, chartWidth, chartHeight]) // .attr("font-family", "sans-serif") // .attr("font-size", 12); svg.append("text") .attr("fill", "black") .attr("class", "title") .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("x", chartWidth/2) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`${currentSectionS2}`) const rects = svg.append("g"); rects .selectAll("rect") .data(scroll2_dataset) .join("rect") .attr("fill", d => color2(d.type)) .attr("x", d => (d.type === "Candidatas" ? xMasc(d.pct) : xFem(0))) .attr("y", d => y2(d.key)) .attr("width", d => d.type === "Candidatas" ? xMasc(0) - xMasc(d.pct) : xFem(d.pct) - xFem(0) ) .attr("height", y.bandwidth()) .append("title") .text(d => `${d.value}`) svg.append("text") .attr("class", "title") .attr("text-anchor", "start") .attr("fill", "black") // .attr("fill", color("Masculino")) .attr("font-weight", "bold") .attr("x", margin.right) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`Candidatas (%):`) svg.append("text") .attr("class", "title") .attr("fill", "black") // .attr("fill", color("Feminino")) .attr("font-weight", "bold") .attr("text-anchor", "start") .attr("x", xFem(0.2)) .attr("y", margin.top/2) .attr("dy", "0.35em") .text(`Eleitas (%):`) svg.append("g") .attr("fill", "black") .selectAll("text") .data(scroll2_dataset) .join("text") .attr("text-anchor", d => d.type === "Candidatas" ? "end" : "start") .attr("x", d => (d.type === "Candidatas" ? xMasc(d.pct)-5 : xFem(d.pct)+5)) .attr("y", d => y2(d.key)+y2.bandwidth()/2) .attr("dy", "0.35em") .text(d => d.pct>0?(d.pct*100).toFixed(1)+ "%":"") svg.append("g").call(xAxis); svg.append("g").call(yAxis2); svg.append("line") .attr("x1", xMasc(0)) .attr("x2", xMasc(0)) .attr("y1", margin.top) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "black") svg.append("line") .attr("x1", xFem(0)) .attr("x2", xFem(0)) .attr("y1", margin.top) .attr("y2", chartHeight - margin.bottom) .attr("stroke", "black") var tooltip = svg.append("g"); rects .selectAll("rect").on("touchmove mousemove", function(event, d) { // const tx = chartWidth/2; // const ty = 0; const [tx, ty] = d3.pointer(event, this); tooltip.call(callout,`${d.key} ${ d.value + (d.type == 'Candidatas'? ' candidatas': ' eleitas')} (${Math.round(d.pct*100).toLocaleString() + "%"}) `); tooltip.attr("transform", `translate(${tx}, ${ty})`); }) .on("touchend mouseleave", function() { tooltip.call(callout, null); }); return svg.node(); }3a:T5e1,mulheres = apenas_eleitos? rawData.filter(d=> d.resultado=="Eleito" // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") && d.DESCRICAO_SEXO == "FEMININO" && year2.toString() == d.ANO_ELEICAO && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1)) :rawData.filter(d=> // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") // year == d.ANO_ELEICAO d.DESCRICAO_SEXO == "FEMININO" && year2.toString() == d.ANO_ELEICAO && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) );3b:T441,scroll2_dataset = { var dataset = rawData.filter( d => d.DESCRICAO_SEXO == "FEMININO" && year2.toString() == d.ANO_ELEICAO && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1)); var gp = groupBy(dataset, scroll2.filter(s=> s.key == currentSectionS2)[0].value); var lista = []; Object.keys(gp).forEach(d=> { let eleitas = gp[d].filter(c => c.resultado =="Eleito"); var total = dataset.length, total_eleitas = dataset.filter(c => c.resultado =="Eleito").length; if(Math.round(gp[d].length/total*100)>=1){ lista.push({ 'key': d,'type':'Candidatas', 'value': gp[d].length, 'pct': gp[d].length>0?gp[d].length/total:0, 'data': gp[d] }); lista.push({'key': d,'type':'Eleitas', 'value':eleitas.length, 'pct': eleitas.length>0? eleitas.length/total_eleitas:0, 'data': eleitas}) } }); return lista; }3c:T4e7,dataset = apenas_eleitos? rawData.filter(d=> d.resultado=="Eleito" // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") && year == d.ANO_ELEICAO && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1)) :rawData.filter(d=> // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") year == d.ANO_ELEICAO && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) );3d:T45c,dataset2 = apenas_eleitos? rawData.filter(d=> d.resultado=="Eleito" // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1)) :rawData.filter(d=> // && (selected_cargo.indexOf(d.DESCRICAO_CARGO) > -1 || selected_cargo =="") (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido =="") && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf =="") && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1) );3e:T8cb, // Source: https://observablehq.com/@john-guerra/multi-auto-select // just call list "options2": function multiAutoSelect2(config = {}) { const { value, title, description, disabled, autocomplete = "off", placeholder, size, options2, list = "options2" } = Array.isArray(config) ? { options2: config } : config; const optionsSet = new Set(options2); const form = input({ type: "text", title, description, attributes: { disabled }, action: fm => { const addSelectedOption = d => { const ele = html`${d} `; ele.querySelector("button").addEventListener("click", b => { console.log("delete", d); fm.value.splice(fm.value.indexOf(d), 1); renderSelection(); fm.dispatchEvent(new CustomEvent("input")); fm.input.focus(); }); return ele; }; function renderSelection() { fm.output.innerHTML = ""; for (let o of fm.value) { fm.output.appendChild(addSelectedOption(o)); } } fm.input.value = ""; fm.value = value || []; fm.onsubmit = e => e.preventDefault(); fm.input.oninput = function(e) { e.stopPropagation(); if ( optionsSet.has(fm.input.value) && fm.value.indexOf(fm.input.value) === -1 ) { fm.value.push(fm.input.value); renderSelection(); fm.input.value = ""; fm.dispatchEvent(new CustomEvent("input")); } }; renderSelection(); }, form: html` ` }); form.output.style["margin-left"] = "0px"; console.log(form) return form; }3f:[{"id":"720fc6dbde482c8f10d56eab526441906791ccb841a942baec8032b88ced7ba02471dc120220600f12942e71fe4ac4b5eb2bdaa1195e6999a39c261ad702e8c0","href":"https://static.observableusercontent.com/files/720fc6dbde482c8f10d56eab526441906791ccb841a942baec8032b88ced7ba02471dc120220600f12942e71fe4ac4b5eb2bdaa1195e6999a39c261ad702e8c0","name":"dados_eleicoes@4.csv","type":"text/csv","lastModified":1648138124919.794,"size":26258332},{"id":"fae4ba284b3e3e07541bf5fb52a0914f619fd7647d525d2411f517a5bc58b39aecf956542108395677480a7007c2f6419d421459864d52185611a25eab20f0b6","href":"https://static.observableusercontent.com/files/fae4ba284b3e3e07541bf5fb52a0914f619fd7647d525d2411f517a5bc58b39aecf956542108395677480a7007c2f6419d421459864d52185611a25eab20f0b6","name":"dados_eleicoes@2.csv","type":"text/csv","lastModified":1647976784025.416,"size":27714990},{"id":"437a7b2cb3fb8f31a9f634404815e35c5933057e4f41ef4807cd0a78552da744eaf26cea727ec7cfc9dae3ceec96e883f0f3427ac108fdf0a92eeb132b6c1881","href":"https://static.observableusercontent.com/files/437a7b2cb3fb8f31a9f634404815e35c5933057e4f41ef4807cd0a78552da744eaf26cea727ec7cfc9dae3ceec96e883f0f3427ac108fdf0a92eeb132b6c1881","name":"estados_brasileiros.geo.json","type":"application/json","lastModified":1648469277081.485,"size":6941629}] 31:{"id":"dd29a51b8c9636fa","slug":"infoviz-mulheres-no-poder","title":"InfoViz - Mulheres no Poder","thumbnail":"05a237b6d4bf512f2c486b1873044fae14167f6c4a325fc295b8068dc271cbde","access_level":"public","create_time":"$D2022-02-24T13:44:34.536Z","update_time":"$D2022-04-07T22:24:43.273Z","view_time":null,"first_public_time":"$D2022-03-23T20:08:32.412Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/24092c234c1e156d4478bb8314522bb1b37a8ec8ee43d8a161f6931e7d8e6bed","tier":"starter_2024"},"version":2661,"publish_version":2661,"role":null,"authored":false,"authors":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null}],"members":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"6ad1142fbeacff4b","slug":"datadoc","title":"DATADOC / OPOVO","owner":{"id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos"}},"type":"notebook","body":{"title":"InfoViz - Mulheres no Poder","cells":[{"id":0,"value":"# InfoViz - Mulheres no Poder","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1693,"value":"geral = md`## Mulheres no Poder: Um histórico de pouca representatividade nas eleições brasileiras.\n\nAnálise de dados de pessoas eleitas em eleições gerais nacionais, entre 1998 e 2018, com base em dados do repositório *[Brasilian Elections Python | CEPESPdata](https://github.com/Cepesp-Fgv/cepesp-python)*.\n\nA código para a coleta de dados e uma série de tabelas agregadas para validação das informações apresentadas aqui está disponível [neste notebook](https://colab.research.google.com/drive/1uJFgRWGaI2tA0FzBFSIIP3jur_ZrRzbx?usp=sharing), em *Python*.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1763,"value":"downloadG = DOM.download(serializeCSV(rawData), \"Dados CEPESPdata eleições gerais 1998-2018\", \"Clique para baixar toda a base de dados utilizada nesta análise\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"title = md`## ${num_candidatos.toLocaleString()} ${apenas_eleitos?\"eleitos\":\"candidatos\"} em ${year}:\n## ${num_homens.toLocaleString()} homens (${Math.round(pct_homens*100)}%) e ${num_mulheres.toLocaleString()} mulheres (${Math.round(pct_mulheres*100)}%).\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"viewof apenas_eleitos = checkbox({\n // description: \"Marque para que apenas os candidatos eleitos aparecam na visualização\",\n options: [{ value: \"eleitos\", label: \"Apenas Eleitos\" }],\n value: \"eleitos\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"viewof selected_uf= multiAutoSelect({\n options: UFs,\n placeholder: \"Filtrar p/ Estado\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"viewof selected_partido = multiAutoSelect2({\n options2: partidos,\n placeholder: \"Filtrar p/ Partido\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1743,"value":"downloadG1 = DOM.download(serializeCSV(dataViz), \"Dados por Cargo (\"+year+\")\", \"Clique para baixar os dados apresentados aqui.\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":700,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":985,"value":"title2 = md`## Saiba mais sobre as ${mulheres.length.toLocaleString()} mulheres que disputaram ou venceram as eleições em ${year2}?`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1780,"value":"downloadG2 = DOM.download(serializeCSV(scroll2_dataset), \"Dados por \"+currentSectionS2+\", em \"+year2, \"Clique para baixar os dados apresentados aqui.\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1249,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1265,"value":"// fonte = md`*Fonte: Levantamento DATADOC com base na Lei de Acesso à Informação*`\n\nfonte2 = {\n const fonte = htl.html`\n Fonte: Levantamento DATADOC, com base no repositório Brasilian Elections Python | CEPESPdata.\n \n\n`\n return fonte;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1700,"value":"title3 = md`## O Amapá se destaca entre os estados brasileiros com cerca de ⅓ de mulheres entre eleitos em 2018. \n\n### O Ceará ocupa a 24º posição, com apenas 7 mulheres eleitas em 2018 (10% do total no estado).\n\nSelecione cargos específicos ou altere o ano da eleição para atualizar o mapa: \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1800,"value":"downloadG3 = dataVizUFv2.length>0? DOM.download(serializeCSV(dataVizUFv2), \"Dados por Estado, em \"+year2, \"Clique para baixar os dados apresentados no mapa\"):\"Selecione pelo menos um Cargo\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"viewof cb_cargos = checkbox({\n title: \"Cargos\",\n options:[\n {label: \"Governador\", value: \"GOVERNADOR\"},\n {label: \"Senador\", value: \"SENADOR\"},\n {label: \"Dep. Federal\", value: \"DEPUTADO FEDERAL\"},\n {label: \"Dep. Estadual\", value: \"DEPUTADO ESTADUAL\"},\n {label: \"Dep. Distrital\", value: \"DEPUTADO DISTRITAL\"}\n],\n value: cargos,\n // submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1131,"value":"viewof year2 = Inputs.range([1998, 2018], {value: 2018, step: 4, label: \"Eleições de\"})\n// slider({\n// min: 1998, \n// max: 2018, \n// step: 4, \n// value: 2018,\n// format: d=> \"Eleições de \"+d\n// // format: \".0%\",\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1632,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1683,"value":"legenda_mapa = Legend(colorScaleUF, {\n title: \"Proporção de Mulheres eleitas por UF\",\n tickFormat: \".0%\",\n ticks: 3,\n marginRight: 0,\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1704,"value":"fonte3 = {\n const fonte = htl.html`\n Fonte: Levantamento DATADOC, com base no repositório Brasilian Elections Python | CEPESPdata.\n \n\n`\n return fonte;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2280,"value":"yScale = d3.scaleBand()\n .domain(estados_em_ordem_labels.slice(0,5))\n // .domain(['Top 5:'].concat(estados_em_ordem_labels.slice(0,5)))\n .range([(chartHeight-margin.top)*(0.5), (chartHeight-margin.bottom)])\n .padding(1); \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2336,"value":"yScale2 = d3.scaleBand()\n .domain(['5- ','----------'].concat(estados_em_ordem_labels.slice(-5)))\n .range([(chartHeight-margin.bottom)/2*1.2, (chartHeight-margin.bottom)])\n .padding(0.1); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2398,"value":"estados_em_ordem = Object.entries(dataVizUF).sort(function(a,b){return b[1].pct - a[1].pct})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2419,"value":"estados_em_ordem_labels = estados_em_ordem.map(d=> d[0]+': '+ d3.format(\".0%\")(d[1].pct));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2424,"value":"cinco_mais = estados_em_ordem.map(d=> d[0]).slice(0,5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2433,"value":"cinco_menos = estados_em_ordem.map(d=> d[0]).slice(-5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1707,"value":"md`## Outras visualizações:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1072,"value":"viewof gp_selection = radio({\n title: 'Escolha uma opção de visualização:',\n options: [\n { label: 'Raça', value: 'DESCRICAO_COR_RACA'},\n { label: 'Escolaridade', value: 'escolaridade' },\n { label: 'Cargo', value: 'DESCRICAO_CARGO' },\n { label: 'Partido', value: 'SIGLA_PARTIDO' },\n // { label: 'Estado', value: 'SIGLA_UF' }, \n \n ],\n value: 'DESCRICAO_COR_RACA'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1152,"value":"Plot.plot({\n y: {\n domain: d3.sort(dataviz4.slice(0,5), d => -d.value).map(d => d.key),\n label: ''\n },\n marks: [\n Plot.barX(dataviz4.slice(0,5), {x: \"value\", y: \"key\", insetTop: 10, insetBottom: 10, fill: \"#f4a582\"}),\n Plot.text(dataviz4.slice(0,5), { x: \"value\", y: \"key\", text: d => d.pct + \"%\", dx: 18 })\n ],\n height: chartHeight,\n marginRight: 50,\n marginLeft: 150,\n x: { \n line: true,\n label: '',\n ticks: 4,\n // ticksFormat: '~.0%'\n },\n grid: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"title_personChart = md`## ${selectPersonChartGroup.label}, em 2018: \n## Homens: ${d3.format(\",.0%\")(selectPersonChartGroup.pctH)}; Mulheres: ${d3.format(\",.0%\")(selectPersonChartGroup.pctM)}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2121,"value":"viewof person_chart_type = radio({\n title: 'Selecione um cargo',\n options: options,\n value: 'gov'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2090,"value":"\npersonDiagram = drawPersonDiagram(\n [\n {\n label: 'Mulheres',\n value: selectPersonChartGroup.pctM,\n \n // value: pct_mulheres,\n iconID: 'person',\n color: '#4F3996'\n },\n {\n label: 'Homens',\n // value: pct_homens,\n value: selectPersonChartGroup.pctH,\n iconID: 'person',\n color: '#546670'\n }\n \n ],\n {\n label: '-',\n caption: 'Proporção entre eleitos no Brasil em 2018',\n funcFormatValue: d3.format(\",.0%\"),\n // iconsPerRow: personByRow == 'vert'? 10:20\n iconsPerRow: chartWidth<800? 10:10\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2178,"value":"viewof personByRow = radio({\n title: 'Escolha uma opção de visualização:',\n options: [\n { label: 'Vertical', value: 'vert'},\n { label: 'Horizontal', value: 'hor'},\n ],\n value: 'vert'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2145,"value":"selectPersonChartGroup = options.filter(d=>d.value==person_chart_type)[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2130,"value":"options = [\n { label: 'Governos estaduais', value: 'gov', 'pctH':.96, 'pctM':.03},\n { label: 'Senado Federal', value: 'sen' , 'pctH':.87, 'pctM':.13},\n { label: 'Câmara dos Deputados', value: 'cam' , 'pctH':.85, 'pctM':.15},\n { label: 'Assembleias Legislativas', value: 'asb' , 'pctH':.87, 'pctM':.13},\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1830,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1837,"value":"senadores_eleitos_2018 = {\n var dataset = rawData.filter( d => \n d.ANO_ELEICAO == \"2018\"\n && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido ==\"\")\n && (selected_uf.indexOf(d.SIGLA_UF) > -1 || selected_uf ==\"\")\n && (d.resultado == \"Eleito\")\n && (d.DESCRICAO_CARGO == \"SENADOR\")).sort((a, b) => {\n if(a.DESCRICAO_SEXO < b.DESCRICAO_SEXO) return -1;\n return 1;\n });\n \n dataset.forEach((d,i) => {\n const dotSize = SenDotRadius*2, nRows = 9;\n d.col = Math.floor(i / nRows);\n d.row = nRows - ( i % nRows);\n d.x = d.col * dotSize + (d.col*2.5); \n d.y = d.row * dotSize + (d.row*2.5);\n console.log([d.x,d.y]);\n });\n return dataset;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2070,"value":"// freq = {\n// let frequencies = {\"PVDA\": 0, \"PTB-go\": 0, \"sp.a\": 0, \"Vooruit\": 0, \"PS\": 0, \"Groen\": 0, \"Groen!\": 0, \"Ecolo\": 0, \"DéFI\": 0, \"FDF\": 0, \"Open Vld\": 0, \"MR\": 0, \"LDD\": 0, 'CD&V': 0, 'cdH': 0, \"N-VA\": 0, \"Parti Populaire\": 0, \"Vlaams Belang\": 0, \"Front National\": 0, \"Onafhankelijk\": 0};\n// for(let p of senadores_eleitos_2018) {\n// frequencies[p] += 1; \n// }\n// return frequencies;\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2041,"value":"row_assignments = {\n let arr = [];\n let r = 0;\n const row_max = [8, 9, 10, 11, 12];\n const row_count = [0, 0, 0, 0, 0];\n \n for(let i = 0; i < 50; i++) {\n while(row_count[r] == row_max[r]) r = (r + 1) % 5;\n row_count[r] += 1;\n arr[i] = r;\n r = (r + 1) % 5;\n }\n \n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1855,"value":"SenDotRadius = 15;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"// chart2 = StackedAreaChart(dataViz2, {\n// x: d => formatTimeYear(d.key),\n// y: d => d.pct*100,\n// z: d => d.type,\n// marginTop : margin.top, // top margin, in pixels\n// marginRight : margin.right, // right margin, in pixels\n// marginBottom : margin.bottom, // bottom margin, in pixels\n// marginLeft : margin.left, \n// // xDomain: dataViz2.map(d=>formatTimeYear(d.key)),\n// chart2_Xdom,\n// // yLabel: \"↑ Pct. %\",\n// yFormat: d3.format(\"~s\"),\n// width: chartWidth,\n// height: width>=600?400:300,\n// colors: [\"#f4a582\", \"#92c5de\"]\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"md`### Viz Config`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":745,"value":"mutable year = 1998","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1245,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1253,"value":"lista_scroll2 = scroll2.map(d=> d.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1276,"value":"mutable currentSectionS2 = lista_scroll2[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"mutable currentSection = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":906,"value":"formatTimeYear = d3.timeParse(\"%Y\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":899,"value":"chart2_Xdom = {\n return d3.extent(dataViz2.map(d=>formatTimeYear(d.key)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1198,"value":"Scroll2_labels = [\n 'Apenas em 2014 e 2018 a cor/raça das candidatas está presente na base de dados, neste período XX% se declarou Branca, XX Parda, e XX Preta',\n 'Partido',\n 'Escolaridade','A proporção homens/mulheres é diferente em cada cargo, sendo os cargos majoritários ocupados predominantemente por homens',\n 'Idade'\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1214,"value":"titles = ['A Raça auto-declarada das mulheres eleitas']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1054,"value":"mulheres_por_cargo = groupBy(mulheres, 'DESCRICAO_CARGO')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1058,"value":"mulheres_por_raca = groupBy(mulheres, 'DESCRICAO_COR_RACA')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1062,"value":"mulheres_por_escolaridade = groupBy(mulheres,'DESCRICAO_GRAU_INSTRUCAO')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"mulheres_por_partido = groupBy(mulheres, 'SIGLA_PARTIDO')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1069,"value":"mulheres_por_uf = groupBy(mulheres, 'SIGLA_UF')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1360,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1462,"value":"scroll2_areaChart = {\n var lista = [];\n const gp = groupBy(dataset2, 'ANO_ELEICAO');\n Object.keys(gp).forEach(d=> {\n let gpSX = groupBy(gp[d],'DESCRICAO_SEXO');\n let total = gp[d].length,\n nM = gpSX.MASCULINO?gpSX.MASCULINO.length:0,\n nF = gpSX.FEMININO?gpSX.FEMININO.length:0,\n pctM = nM/total,\n pctF = nF/total;\n lista.push({\n 'key':d, \n 'type': 'Feminino',\n 'n': nF,\n 'pct': pctF,\n 'data': gpSX.FEMININO?gpSX.FEMININO:'',\n });\n lista.push({\n 'key':d, \n 'type': 'Masculino',\n 'n': nM, \n 'pct': pctM, \n 'data': gpSX.MASCULINO?gpSX.MASCULINO:'', \n });\n \n });\n return lista;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1379,"value":"scroll2 = [\n {'key':\"Cor / Raça\",'value':'DESCRICAO_COR_RACA'},\n {'key':'Escolaridade','value':'escolaridade'},\n {'key':'Região','value':'regiao'},\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1480,"value":"nomeUF = d3.scaleOrdinal()\n.domain([\"AC\",\"AL\",\"AP\",\"AM\",\"BA\",\"CE\",\"DF\",\"ES\",\"GO\",\"MA\",\"MT\",\"MS\",\"MG\",\"PA\",\"PB\",\"PR\",\"PE\",\"PI\",\"RJ\",\"RN\",\"RS\",\"RO\",\"RR\",\"SC\",\"SP\",\"SE\",\"TO\"])\n\t.range(['Acre','Alagoas','Amapá','Amazonas','Bahia','Ceará','Distrito Federal','Espírito Santo','Goiás','Maranhão','Mato Grosso','Mato Grosso do Sul','Minas Gerais','Pará','Paraíba','Paraná','Pernambuco','Piauí','Rio de Janeiro','Rio Grande do Norte','Rio Grande do Sul','Rondônia','Roraima','Santa Catarina','São Paulo','Sergipe','Tocantins']);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1484,"value":"regiaoUF = d3.scaleOrdinal()\n.domain([\"AC\",\"AL\",\"AP\",\"AM\",\"BA\",\"CE\",\"DF\",\"ES\",\"GO\",\"MA\",\"MT\",\"MS\",\"MG\",\"PA\",\"PB\",\"PR\",\"PE\",\"PI\",\"RJ\",\"RN\",\"RS\",\"RO\",\"RR\",\"SC\",\"SP\",\"SE\",\"TO\"])\n\t.range(['Norte','Nordeste','Norte','Norte','Nordeste','Nordeste','Centro-Oeste','Sudeste','Centro-Oeste','Nordeste','Centro-Oeste','Centro-Oeste','Sudeste','Norte','Nordeste','Sul','Nordeste','Nordeste','Sudeste','Nordeste','Sul','Norte','Norte','Sul','Sudeste','Nordeste','Norte']);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"color = d3\n .scaleOrdinal()\n .domain(['Masculino', \"Feminino\"])\n // .range([\"#92c5de\", \"#f4a582\"])\n .range([\"#546670\", \"#4F3996\"])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"color2 = d3\n .scaleOrdinal()\n .domain(['Candidatas', \"Eleitas\"])\n .range([\"#546670\", \"#3A74BA\"])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1627,"value":"colorScaleUF = d3.scaleLinear()\n .domain([0, bestPct[1]/2, bestPct[1]])\n .range(['#edf8fb','rgb(205, 197, 224)','#8250A0'])\n\n// colorScaleUF = d3.scaleLinear()\n// .domain([0,bestPct[1]/2, bestPct[1]])\n// .range(['#edf8fb','#8c96c6','#810f7c'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"margin = ({ top: chartWidth<800?5:40, right: chartWidth<800?2:30, bottom: chartWidth<800?5:20, left: chartWidth<800?2:30 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"chartWidth = Math.min(800, width)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"chartHeight = chartWidth/2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"gutter = 80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"xMasc = d3\n .scaleLinear()\n .domain([0, 1])\n .rangeRound([chartWidth / 2 - gutter, margin.left])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"xFem = d3\n .scaleLinear()\n .domain(xMasc.domain())\n .rangeRound([chartWidth / 2 + gutter, chartWidth - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"y = d3\n .scaleBand()\n .domain(dataViz.map(d => d.key))\n .rangeRound([chartHeight - margin.bottom, margin.top])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"xAxis = g =>\n g\n .attr(\"transform\", `translate(0,${chartHeight - margin.bottom})`)\n .call(g =>\n g.append(\"g\").call(\n d3\n .axisBottom(xMasc)\n .tickSize(5)\n .tickValues([0, .2, .4, .6, .8, 1])\n .tickFormat(d3.format(\".0%\"))\n )\n )\n .call(g =>\n g.append(\"g\").call(\n d3\n .axisBottom(xFem)\n .tickSize(5)\n .tickValues([0, .2, .4, .6, .8, 1])\n .tickFormat(d3.format(\".0%\"))\n )\n )\n // .call(g => g.selectAll(\".domain\").remove())\n .call(g => g.selectAll(\".tick:first-of-type\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"yAxis = g =>\n g\n .attr(\"transform\", `translate(${xMasc(-0.1)},0)`)\n .call(\n d3\n .axisRight(y)\n .tickSizeOuter(0)\n .tickSize(0)\n )\n .call(g => g.selectAll(\".domain\").remove())\n .call(g =>\n g\n .selectAll(\".tick text\")\n // .attr(\"fill\", \"#999\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"dx\", gutter / 2 + 4)\n .attr(\"font-size\", \"8px\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1325,"value":"y2 = d3\n .scaleBand()\n .domain(scroll2_dataset.map(d => d.key))\n .rangeRound([chartHeight - margin.bottom, margin.top])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1338,"value":"yAxis2 = g =>\n g\n .attr(\"transform\", `translate(${xMasc(-0.1)},0)`)\n .call(\n d3\n .axisRight(y2)\n .tickSizeOuter(0)\n .tickSize(0)\n )\n .call(g => g.selectAll(\".domain\").remove())\n .call(g =>\n g\n .selectAll(\".tick text\")\n // .attr(\"fill\", \"#999\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"dx\", gutter / 2 + 4)\n .attr(\"font-size\", \"8px\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":641,"value":"filtros = md`## Filtros:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":637,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":237,"value":"viewof dispositivo = radio({\n title: 'Dispositivo',\n options: [\n { label: 'Mobile', value: 'mobile' },\n { label: 'Desktop', value: 'desk' },\n ],\n value: 'desk'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"viewof cb_eleicoes = checkbox({\n title: \"Eleições\",\n options: dict_eleicoes,\n value: eleicoes,\n // submit: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":989,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"md`## Dados`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1490,"value":"rawData = {\n\n \n \n const dataRaw = d3.csvParse(await FileAttachment(\"dados_eleicoes@4.csv\").text())\n \n dataRaw.forEach((d,i) => \n {\n d.regiao = d.SIGLA_UF != 'BR'? regiaoUF(d.SIGLA_UF):'';\n });\n return dataRaw;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"eleicoes = [... new Set(rawData.map(d=> d.ANO_ELEICAO))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"dict_eleicoes = {\n var dict = [];\n eleicoes.forEach(d=> {\n dict.push({'value': d , 'label': d})\n })\n return dict;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"cargos = [... new Set(rawData.map(d=>d.DESCRICAO_CARGO))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"dict_cargos = {\n var dict = [];\n cargos.forEach(d=> {\n dict.push({'value': d , 'label': d})\n })\n return dict;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"partidos = [... new Set(rawData.filter(d=> d.resultado==\"Eleito\").map(d=>d.SIGLA_PARTIDO))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"cargos_lista = ['Presidente','Governador','Senador','Dep. Federal', 'Dep. Estadual', 'Dep. Distrital']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"UFs = [... new Set(rawData.map(d=> d.SIGLA_UF))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"UFs.shift();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"dataViz = {\n var lista = [];\n Object.keys(grupo_cargo).forEach(d=> {\n let gp_sexo_cargo = groupBy(grupo_cargo[d],'DESCRICAO_SEXO');\n let total = grupo_cargo[d].length,\n nM = gp_sexo_cargo.MASCULINO?gp_sexo_cargo.MASCULINO.length:0,\n nF = gp_sexo_cargo.FEMININO?gp_sexo_cargo.FEMININO.length:0,\n pctM = nM/total,\n pctF = nF/total;\n lista.push({\n 'key':d.replace(\"DEPUTADO\", \"Dep.\"), \n 'type': 'Masculino',\n 'n': nM, \n 'pct': pctM, \n 'data': gp_sexo_cargo.MASCULINO?gp_sexo_cargo.MASCULINO:'', \n });\n lista.push({\n 'key':d.replace(\"DEPUTADO\", \"Dep.\"), \n 'type': 'Feminino',\n 'n': nF,\n 'pct': pctF,\n 'data': gp_sexo_cargo.FEMININO?gp_sexo_cargo.FEMININO:'',\n });\n });\n return lista;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1805,"value":"dataVizUFv2 = {\n var dataset = rawData.filter( d => \n year2.toString() == d.ANO_ELEICAO\n && (!apenas_eleitos || d.resultado==\"Eleito\") \n && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido ==\"\")\n && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1)\n && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1));\n \n var lista = [];\n \n const gp = groupBy(dataset, 'SIGLA_UF');\n Object.keys(gp).forEach(d=> {\n let gp_sexo_cargo = groupBy(gp[d],'DESCRICAO_SEXO');\n let total = gp[d].length,\n nM = gp_sexo_cargo.MASCULINO?gp_sexo_cargo.MASCULINO.length:0,\n nF = gp_sexo_cargo.FEMININO?gp_sexo_cargo.FEMININO.length:0,\n pctM = nM/total,\n pctF = nF/total;\n if(d != 'BR'){\n lista.push({\n 'key':d,\n 'mulheres': nF,\n 'total': total,\n 'pct': pctF,\n 'pct_homens': pctM,\n 'data': gp[d],\n });\n }\n \n });\n return lista\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1478,"value":"dataVizUF = {\n var dataset = rawData.filter( d => \n year2.toString() == d.ANO_ELEICAO\n && (!apenas_eleitos || d.resultado==\"Eleito\") \n && (selected_partido.indexOf(d.SIGLA_PARTIDO) > -1 || selected_partido ==\"\")\n && (cb_cargos.indexOf(d.DESCRICAO_CARGO) > -1)\n && (cb_eleicoes.indexOf(d.ANO_ELEICAO) > -1));\n \n var lista = [];\n \n const gp = groupBy(dataset, 'SIGLA_UF');\n Object.keys(gp).forEach(d=> {\n let gp_sexo_cargo = groupBy(gp[d],'DESCRICAO_SEXO');\n let total = gp[d].length,\n nM = gp_sexo_cargo.MASCULINO?gp_sexo_cargo.MASCULINO.length:0,\n nF = gp_sexo_cargo.FEMININO?gp_sexo_cargo.FEMININO.length:0,\n pctM = nM/total,\n pctF = nF/total;\n if(d != 'BR'){\n lista[d] = {\n 'mulheres': nF,\n 'total': total,\n 'pct': pctF,\n 'pct_homens': pctM,\n 'data': gp[d],\n };\n }\n \n });\n return lista\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1558,"value":"mapaBR = FileAttachment(\"estados_brasileiros.geo.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1594,"value":"bestPct = {\n var lista = []\n var best = [\"\",0];\n Object.keys(dataVizUF).forEach(d=> {\n if(dataVizUF[d].pct>best[1])\n best = [d, dataVizUF[d].pct]\n });\n return best;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":852,"value":"dataViz2 = {\n var lista = [];\n const gp = groupBy(dataset2, 'ANO_ELEICAO');\n Object.keys(gp).forEach(d=> {\n let gpSX = groupBy(gp[d],'DESCRICAO_SEXO');\n let total = gp[d].length,\n nM = gpSX.MASCULINO?gpSX.MASCULINO.length:0,\n nF = gpSX.FEMININO?gpSX.FEMININO.length:0,\n pctM = nM/total,\n pctF = nF/total;\n lista.push({\n 'key':d, \n 'type': 'Feminino',\n 'n': nF,\n 'pct': pctF,\n 'data': gpSX.FEMININO?gpSX.FEMININO:'',\n });\n lista.push({\n 'key':d, \n 'type': 'Masculino',\n 'n': nM, \n 'pct': pctM, \n 'data': gpSX.MASCULINO?gpSX.MASCULINO:'', \n });\n \n });\n return lista;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"dataviz4 = {\n const group = groupBy(mulheres,gp_selection);\n var lista = [];\n Object.keys(group).forEach(d=> {\n lista.push({'key':d.replace(\"#NE#\", \"Não declarada\").replace(\"DEPUTADO\", \"Dep.\"), 'value':group[d].length,'pct':Math.round(group[d].length/mulheres.length*100)});\n });\n lista = lista.sort((a, b) => (a.value < b.value) ? 1 : -1);\n \n var data = lista.slice(0,5);\n data.push({'key':'Outros', 'value':d3.sum(lista.slice(5).map(d=>d.value)),'pct':Math.round(d3.sum(lista.slice(5).map(d=>d.value))/mulheres.length*100)});\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"grupo_sexo = groupBy(dataset, 'DESCRICAO_SEXO')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"grupo_eleicoes = groupBy(dataset2, 'ANO_ELEICAO')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"grupo_eleicao_sexo = {\n var lista = [];\n cb_eleicoes.forEach(d=> {\n let gp_sexo_ano = groupBy(grupo_eleicoes[d],'DESCRICAO_SEXO');\n let total = grupo_eleicoes[d].length,\n nM = gp_sexo_ano.MASCULINO.length,\n nF = gp_sexo_ano.FEMININO.length,\n pctM = nM/total,\n pctF = nF/total;\n lista.push({\n 'key':d, \n 'nMASCULINO': nM, \n 'nFEMININO': nF,\n 'pctMASCULINO': pctM, \n 'pctFEMININO': pctF,\n 'FEMININO': gp_sexo_ano.FEMININO,\n 'MASCULINO': gp_sexo_ano.MASCULINO, \n });\n });\n return lista;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"grupo_cargo = groupBy(dataset,'DESCRICAO_CARGO');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1510,"value":"grupo_uf = groupBy(dataset,'SIGLA_UF');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"grupo_cargo_sexo = {\n var lista = [];\n Object.keys(grupo_cargo).forEach(d=> {\n let gp_sexo_cargo = groupBy(grupo_cargo[d],'DESCRICAO_SEXO');\n let total = grupo_cargo[d].length,\n nM = gp_sexo_cargo.MASCULINO.length,\n nF = gp_sexo_cargo.FEMININO.length,\n pctM = nM/total,\n pctF = nF/total;\n lista.push({\n 'key':d, \n 'nMASCULINO': nM, \n 'nFEMININO': nF,\n 'pctMASCULINO': pctM, \n 'pctFEMININO': pctF,\n 'FEMININO': gp_sexo_cargo.FEMININO,\n 'MASCULINO': gp_sexo_cargo.MASCULINO, \n });\n });\n return lista;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"num_mulheres = grupo_sexo.FEMININO.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"num_homens = grupo_sexo.MASCULINO.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"num_candidatos = dataset.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"pct_mulheres = num_mulheres/num_candidatos;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"pct_homens = num_homens/num_candidatos;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"import { slider, radio, text, input, checkbox } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"import {multiAutoSelect} from \"@john-guerra/multi-auto-select\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"import {callout} from \"@cronaline/mexico-with-mercator-projection-and-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"function groupBy(xs, key) {\n return xs.reduce(function(rv, x) {\n (rv[x[key]] = rv[x[key]] || []).push(x);\n return rv;\n }, {});\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"import {StackedAreaChart} from \"@d3/stacked-area-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1002,"value":"import {AreaChart} from \"@d3/area-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1685,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1747,"value":"import {serialize} from \"@palewire/saving-json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1756,"value":"import {serialize as serializeCSV} from \"@palewire/saving-csv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2086,"value":"import { drawPersonDiagram } from '@nuuuwan/person-diagram'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3f","stdlib":"1","titling":"auto"}} 32:"$31:body"