25:["$","title",null,{"children":"Composição Ministerial - 2023 | Mathias Felipe | Observable"}] 49:T2c78,PieChart = (element, radius) => { //Dados const dataset = Object.entries(dados_por_partido).sort( (a, b) => b[1].total - a[1].total ); //Funções suporte //Retira acentos e transforma em minúscula const getId = (value) => { return value .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .toLowerCase() .replace(" ", "_"); }; // Formata o nome para pegar o primeiro e o último const formatName = (name) => { const nameSplit = name.split(" "); return nameSplit[0] + " " + nameSplit.at(-1); }; // Calcula a posição x e baseado no angulo const positionOnArch = (parentNode, index, delta) => { const startAngle = parentNode.attr("start-angle"); const endAngle = parentNode.attr("end-angle"); const sizeList = parseInt(parentNode.attr("size")); const difAngle = endAngle - startAngle; const paddingCircle = difAngle / sizeList; const x = (radius + delta) * Math.cos( startAngle - Math.PI / 2 + paddingCircle * index + paddingCircle / 2 ); const y = (radius + delta) * Math.sin( startAngle - Math.PI / 2 + paddingCircle * index + paddingCircle / 2 ); const angle = startAngle - Math.PI / 2 + paddingCircle * index + paddingCircle / 2; return [x, y, angle]; }; //Donut Chart const dataPie = d3 .pie() .padAngle(0.005) .value((d) => d[1].total); const slices = dataPie(dataset); //Chart Arc const arc = d3 .arc() .outerRadius(radius) .innerRadius(radius * 0.7); //Labels Arc const arcLabels = d3 .arc() .outerRadius(radius * 0.65) .innerRadius(radius * 0.65); //Color Scale const colors = colorsChart.chart.colors; //d3.quantize(colorsChart.chart.palette, dataset.length); const colorScale = d3 .scaleOrdinal() .domain(dataset.map((element) => element[0])) .range(colors); //Chart const arcGroup = element .append("g") .attr("id", "arcGroup") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 })` ); arcGroup .selectAll("path") .data(slices) .join("path") .attr("d", arc) .attr("id", (d) => getId(d.data[0])) .attr("id_partido", (d) => d.data[0]) .attr("fill", (d) => colorScale(d.data[0])) .classed("normalArc", true) .on("mouseenter", function () { const element = d3.select(this); const elementId = element.attr("id"); const elementPartido = element.attr("id_partido"); element.classed("normalArc", false).classed("highlightArc", true); d3.selectAll(".icon_" + elementId).classed("highlightIcon", true); d3.selectAll(".text_" + elementId).classed("highlightCard", true); const infoStats = getInfo(elementPartido); d3.select(".stats_mulheres .stats_value").text( d3.format(".0%")(infoStats.mulheres / infoStats.total) ); d3.select(".stats_negros .stats_value").text( d3.format(".0%")(infoStats.negros / infoStats.total) ); d3.select(".stats_indigenas .stats_value").text( d3.format(".0%")(infoStats.indigenas / infoStats.total) ); }) .on("mouseleave", function () { const element = d3.select(this); const elementId = element.attr("id"); element.classed("normalArc", true).classed("highlightArc", false); d3.selectAll(".icon_" + elementId).classed("highlightIcon", false); d3.selectAll(".text_" + elementId).classed("highlightCard", false); const infoStats = getInfo(); d3.select(".stats_mulheres .stats_value").text( d3.format(".0%")(infoStats.mulheres / infoStats.total) ); d3.select(".stats_negros .stats_value").text( d3.format(".0%")(infoStats.negros / infoStats.total) ); d3.select(".stats_indigenas .stats_value").text( d3.format(".0%")(infoStats.indigenas / infoStats.total) ); }); const titleSpace = element .append("g") .attr("id", "titleSpace") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 - 30 })` ); const titleText = titleSpace.append("text").classed("title", true); titleText .append("tspan") .classed("head", true) .attr("y", -30) .text("Composição Ministerial"); titleText .append("tspan") .classed("head", true) .attr("x", 0) .attr("y", 5) .text("do novo governo Lula"); const statsSpace = element .append("g") .attr("id", "statsSpace") .classed("stats", true) .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 + 30 })` ); const createStats = (element, id, label, value, positionX) => { const numberStat = element .append("text") .attr("id", id) .attr("dx", positionX) .classed("stats_" + id, true); numberStat.append("tspan").classed("stats_value", true).text(value); numberStat .append("tspan") .attr("x", 0 + positionX) .attr("y", 20) .classed("stats_label", true) .text(label); }; const infoStats = getInfo(); const space = (radius * 0.7) / 2; createStats( statsSpace, "mulheres", "Mulheres", d3.format(".0%")(infoStats.mulheres / infoStats.total), -space ); createStats( statsSpace, "negros", "Negras", d3.format(".0%")(infoStats.negros / infoStats.total), 0 ); createStats( statsSpace, "indigenas", "Indígenas", d3.format(".0%")(infoStats.indigenas / infoStats.total), space ); const textGroup = element .append("g") .attr("id", "textGroup") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 })` ) .selectAll("g") .data(slices) .join("g") .attr("centroid-x", (d) => arc.centroid(d)[0]) .attr("centroid-y", (d) => arc.centroid(d)[1]) .attr("start-angle", (d) => d.startAngle) .attr("end-angle", (d) => d.endAngle) .attr("size", (d) => d.value); let counter = 0; //Textos com os nomes dos ministroes textGroup .selectAll("text") .data((d) => d.data[1].values) .join("text") .classed("normalCard", true) .each(function (d, i) { const element = d3.select(this); const parentNode = d3.select(this.parentNode); const position = positionOnArch(parentNode, i, 35); const dg = (position[2] * 180) / Math.PI; // Ajuste específico em alguns labels para reposiciona-los. // Não é a melhor alternativa. Isso deve ser mudado em breve. let ajuste = [0, 0]; if ([0].includes(counter)) ajuste = [-10, -15]; else if ([1].includes(counter)) ajuste = [0, -5]; else if ([36].includes(counter)) ajuste = [10, -15]; else if ([17].includes(counter)) ajuste = [-15, 15]; else if ([18].includes(counter)) ajuste = [15, 10]; const x = 20 * Math.cos(position[2]) + ajuste[0]; const y = 20 * Math.sin(position[2]) + ajuste[1]; let anchorText; if (position[2] <= Math.PI / 2) anchorText = "start"; if (position[2] > Math.PI / 2) anchorText = "end"; if ([18].includes(counter)) anchorText = "end"; element .classed("text_" + getId(d.partido), true) .classed("name_" + getId(formatName(d.nome)), true) .attr("transform", `translate(${position[0] + x},${position[1] + y}) `) .style("text-anchor", anchorText); element .append("tspan") .classed("cardtitle", true) .text(formatName(d.nome)); element .append("tspan") .attr("x", 0) .attr("y", 10) .classed("cardbody", true) .text(d.ministerio); counter += 1; }); // Cículos do Gênero const circleGroup1 = element .append("g") .attr("id", "circleGroup1") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 })` ) .selectAll("g") .data(slices) .join("g") .attr("centroid-x", (d) => arc.centroid(d)[0]) .attr("centroid-y", (d) => arc.centroid(d)[1]) .attr("start-angle", (d) => d.startAngle) .attr("end-angle", (d) => d.endAngle) .attr("size", (d) => d.value) .selectAll("circle") .data((d) => d.data[1].values) .join("circle") .attr("fill-opacity", 0.7) .each(function (d, i) { const element = d3.select(this); const parentNode = d3.select(this.parentNode); const position = positionOnArch(parentNode, i, 25); element.classed("icon_" + getId(d.partido), true); element .attr("cx", position[0]) .attr("cy", position[1]) .attr("r", 15) .attr("fill", "none") .attr("stroke", colorsChart.race[d.info_raca]) .attr("stroke-width", 2) .attr("stroke-dasharray", "3,3") .attr("opacity", d.genero == "masculino" ? 0 : 0.7); }); // Círculo principal const circleGroup2 = element .append("g") .attr("id", "circleGroup2") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 })` ) .selectAll("g") .data(slices) .join("g") .attr("centroid-x", (d) => arc.centroid(d)[0]) .attr("centroid-y", (d) => arc.centroid(d)[1]) .attr("start-angle", (d) => d.startAngle) .attr("end-angle", (d) => d.endAngle) .attr("size", (d) => d.value) .selectAll("circle") .data((d) => d.data[1].values) .join("circle") .attr("fill-opacity", 0.7) .each(function (d, i) { const element = d3.select(this); const parentNode = d3.select(this.parentNode); const position = positionOnArch(parentNode, i, 25); element.classed("icon_" + getId(d.partido), true); element .attr("cx", position[0]) .attr("cy", position[1]) .attr("r", 10) .attr("fill", colorsChart.race[d.info_raca]); element .on("mouseenter", function () { d3.select(this).classed("highlightCircle", true); const selectedElement = d3.select( ".name_" + getId(formatName(d.nome)) ); selectedElement.classed("highlightCard", true); }) .on("mouseleave", function () { d3.select(this).classed("highlightCircle", false); const selectedElement = d3.select( ".name_" + getId(formatName(d.nome)) ); selectedElement.classed("highlightCard", false); }); }); //Label dos partidos no arco const labelsGroup = element .append("g") .attr("id", "labelsGroup") .attr( "transform", `translate(${dimensions.boundedWidth / 2},${ dimensions.boundedHeight / 2 })` ) .classed("labels", true); labelsGroup .selectAll("path") .data(slices) .join("path") .attr("id", (d, i) => "arc" + i) .attr("d", (d) => arcLabels(d)) .style("fill", "none") .style("stroke", "none"); labelsGroup .selectAll("text") .data(slices) .join("text") .classed("arctext", true) .append("textPath") .attr("xlink:href", (d, i) => "#arc" + i) .attr("startOffset", "25%") .text((d) => d.data[0]); } 4a:T753,Foot = (element, x, y) => { const footSpace = element.append("g") .attr("id", "footSpace") .attr("transform", `translate(${x},${y})`) const createFoot = footSpace.append("g") .style("transform", `translate(${dimensions.width - 50}px)`) .classed("footCreated", true) .append("text") createFoot .append("tspan") .text("Criado por: ") .attr("y", 27) .append("a") .classed("linkFoot", true) .attr("href", "https://twitter.com/adolfoguimaraes") .attr("target", "_blank") .text("@adolfoguimaraes") const textFoot = footSpace.append("text") textFoot .append("tspan") .classed("footSource", true) .classed("labelSource", true) .text("Fonte dos dados:") textFoot .append("tspan") .classed("footSource", true) .attr("x", 0) .attr("y", 42) .append("a") .classed("linkFoot", true) .attr("href", "https://g1.globo.com/politica/noticia/2023/01/01/quem-e-quem-os-37-ministros-empossados-por-lula.ghtml") .attr("target", "_blank") .text("https://g1.globo.com/politica/noticia/2023/01/01/quem-e-quem-os-37-ministros-empossados-por-lula.ghtml") textFoot .append("tspan") .classed("footSource", true) .attr("x", 0) .attr("y", 27) .append("a") .classed("linkFoot", true) .attr("href", "https://almapreta.com/sessao/politica/dos-37-ministros-de-lula-10-se-autodeclaram-negros") .attr("target", "_blank") .text("https://almapreta.com/sessao/politica/dos-37-ministros-de-lula-10-se-autodeclaram-negros") textFoot .append("tspan") .classed("footSource", true) .attr("x", 0) .attr("y", 12) .append("a") .classed("linkFoot", true) .attr("href", "https://basedosdados.org/dataset/br-tse-eleicoes") .attr("target", "_blank") .text("https://basedosdados.org/dataset/br-tse-eleicoes") }4b:T455,GenderLegend = (element, x, y) => { const genderLegend = element .append("g") .attr("id", "GenderLegend") .attr("transform", `translate(${x}, ${y})`); const symbols = genderLegend.append("g") .classed("symbolLegend", true); const texts = genderLegend.append("g"); symbols .append("circle") .attr("cx", 0) .attr("cy", 40) .attr("r", 10) .attr("fill", "#000000"); symbols .append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 15) .attr("fill", "none") .attr("stroke", "#000000") .attr("stroke-width", 2) .attr("stroke-dasharray", "3,3"); symbols .append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 10) .attr("fill", "#000000"); texts .append("text") .attr("x", 20) .attr("y", 0) .attr("dy", "0.32em") .classed("labelLegend", true) .attr("text-anchor", "start") .text("Mulheres"); texts .append("text") .attr("x", 20) .attr("y", 40) .attr("dy", "0.32em") .classed("labelLegend", true) .attr("text-anchor", "start") .text("Homens"); } 4c:T7a3,style = html``4d:[{"id":"582cef1cd49125f28243b97952bb0a3d9574c8c2535512e354013af17c242ebaf066b14a345e7e93f0673bf496b4938085b963ccd6d055e8ac302463e0140077","href":"https://static.observableusercontent.com/files/582cef1cd49125f28243b97952bb0a3d9574c8c2535512e354013af17c242ebaf066b14a345e7e93f0673bf496b4938085b963ccd6d055e8ac302463e0140077","name":"ministros_lula_2023@1.csv","type":"text/csv","lastModified":1674327796232.232,"size":2251}] 29:{"id":"f172a01e5c6c2b83","slug":null,"title":"Composição Ministerial - 2023","thumbnail":"2ca84df1345a2fa23ed64852ddaba24c968f71944784cf26a634df1a324af297","access_level":"public","create_time":"$D2023-01-21T19:03:16.232Z","update_time":"$D2023-01-21T19:03:16.232Z","view_time":null,"first_public_time":"$D2023-01-21T19:03:16.232Z","has_unpublished_edits":null,"fork":{"id":"5f75d3952f47d289","slug":"composicao-ministerial-governo-lula-2023","title":"Composição Ministerial - 2023","owner":{"id":"0fed76bc24ee2abb","login":"adolfoguimaraes","name":"Adolfo Guimarães"}},"stars":0,"starred":false,"owner":{"type":"team","id":"96d19e042d662d41","login":"mathiasfls","name":"Mathias Felipe","avatar_url":"https://avatars-next.observableusercontent.com/2ed8e9320e34ecd897655ac10bf3d2feb2e39e64d5f8696f24b1aaa8dddfe281","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":1899,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2f4086bf9c3a712c","login":"mathiasfls","name":"Mathias Felipe","avatar_url":"https://avatars-next.observableusercontent.com/2ed8e9320e34ecd897655ac10bf3d2feb2e39e64d5f8696f24b1aaa8dddfe281","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"2f4086bf9c3a712c","login":"mathiasfls","name":"Mathias Felipe","avatar_url":"https://avatars-next.observableusercontent.com/2ed8e9320e34ecd897655ac10bf3d2feb2e39e64d5f8696f24b1aaa8dddfe281","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Composição Ministerial - 2023","cells":[{"id":0,"value":"# Composição Ministerial - 2023","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1174,"value":"FinalChart()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"## Configurações","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1674,"value":"viewof mostrar_nomes = Inputs.toggle({label: \"Mostrar nomes\", value: false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"dimensions = {\n var dimensions_temp = new Object({\n width: 1000,\n height: 925,\n margin: {\n top: 80,\n right: 100,\n bottom: 150,\n left: 100\n },\n })\n\n dimensions_temp.boundedWidth = dimensions_temp.width - dimensions_temp.margin.left - dimensions_temp.margin.right\n dimensions_temp.boundedHeight = dimensions_temp.height - dimensions_temp.margin.top - dimensions_temp.margin.bottom \n\n return dimensions_temp\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"colorsChart = new Object({\n race: {\n negro: \"#BF1363\",\n indígena: \"#F39237\",\n \"branca ou sem informação\": \"#0E79B2\"\n },\n chart: {\n colors: [\n \"#800000\",\n \"#d6424b\",\n \"#f47d4d\",\n \"#ffba4b\",\n \"#ffee7c\",\n \"#bec1a5\",\n \"#6f7e5c\",\n \"#77c6a7\",\n \"#438fb4\",\n \"#5e4fa2\"\n ],\n black: \"#121212\",\n grey: \"#9a8c98\"\n }\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1556,"value":"mapCor = ({\n \"negro\": \"Negras\",\n \"indígena\": \"Indígenas\",\n \"branca ou sem informação\": \"Brancas ou sem informação\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"## Gráficos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"FinalChart = (year) => {\n const svg = d3\n .create(\"svg\")\n .attr(\"id\", \"chartBody\")\n .attr(\"width\", dimensions.width)\n .attr(\"height\", dimensions.height)\n .attr(\"viewBox\", [0, 0, dimensions.width, dimensions.height])\n .attr(\"style\", \"max-width: 100%; height: auto; height: intrinsic;\")\n .style(\"background-color\", \"#FFFFFF\");\n\n const bounds = svg\n .append(\"g\")\n .style(\n \"transform\",\n `translate(${dimensions.margin.left}px,${dimensions.margin.top}px)`\n );\n\n const radius =\n d3.min([dimensions.boundedWidth - 30, dimensions.boundedHeight - 30]) / 2;\n\n \n PieChart(bounds, radius);\n Foot(svg, dimensions.width - 30, dimensions.height - 50);\n ColorLegend(svg, 30, dimensions.height - 160);\n GenderLegend(svg, 30, dimensions.height - 240);\n Note(svg, 30, dimensions.height - 70)\n\n return svg.node();\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1240,"value":"Head = (element, x, y) => {\n const headSpace = element\n .append(\"g\")\n .attr(\"id\", \"headSpace\")\n .attr(\"transform\", `translate(${x}, ${y})`)\n\n\n \n headSpace.append(\"text\")\n .classed(\"headTitle\", true)\n .html(\"Como é composto o ministério do novo governo?\")\n \n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1713,"value":"Note = (element, x, y) => {\n const noteSpace = element.append(\"g\")\n .attr(\"id\", \"NoteSpace\")\n .attr(\"transform\", `translate(${x},${y})`)\n\n const textSpace = noteSpace.append(\"text\")\n .classed(\"noteText\", true)\n \n textSpace.append(\"tspan\")\n .style(\"font-weight\", \"bold\")\n .text(\"As informações sobre cor/raça foram obtidas da seguinte forma:\")\n\n textSpace.append(\"tspan\")\n .text(\"Matéria da Alma Preta, para pessoas negras (agrupa pretas e pardas).\")\n .attr(\"x\", 0)\n .attr(\"y\", 15)\n\n textSpace.append(\"tspan\")\n .text(\"Dados do TSE via Base dos Dados, para os ministros que já concorreram à alguma eleição.\")\n .attr(\"x\", 0)\n .attr(\"y\", 30)\n\n textSpace.append(\"tspan\")\n .text('As demais pessoas foram classificadas como \"Sem Informação\".')\n .attr(\"x\", 0)\n .attr(\"y\", 45)\n\n textSpace.append(\"tspan\")\n .text('Brancas e sem informação foram agrupadas para simplificar a visualização.')\n .attr(\"x\", 0)\n .attr(\"y\", 60)\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1252,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1560,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1525,"value":"ColorLegend = (element, x, y) => {\n const dataset = Object.entries(colorsChart.race);\n\n const colorLegend = element\n .append(\"g\")\n .attr(\"id\", \"ColorLegend\")\n .attr(\"transform\", `translate(${x},${y})`);\n\n const legendElements = colorLegend.selectAll(\"g\").data(dataset).join(\"g\");\n\n legendElements\n .append(\"circle\")\n .classed(\"symbolLegend\", true)\n .attr(\"r\", 10)\n .attr(\"cy\", (d, i) => i * 25)\n .attr(\"fill\", (d) => d[1])\n \n\n legendElements\n .append(\"text\")\n .attr(\"x\", 15)\n .attr(\"y\", (d, i) => i * 25)\n .attr(\"dy\", \"0.32em\")\n .classed(\"labelLegend\", true)\n .text((d) => mapCor[d[0]]);\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1199,"value":"## Estilos ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1657,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":472,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1362,"value":"## Detalhes da visualização","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1403,"value":"### Paleta de cores para o gráfico","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1401,"value":"swatches(colorsChart.chart.colors )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1407,"value":"### Paleta de cores para raça","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1441,"value":"html`

Negros
Indígenas
Brancos

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1424,"value":"### Ícones para gênero","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1364,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\", 500)\n .attr(\"height\", 50)\n\n\n const iconsSpaces = svg.append(\"g\")\n .attr(\"transform\", `translate(${0}, ${0})`)\n\n const icone1 = iconsSpaces.append(\"g\").attr(\"transform\", `translate(${20},${20})`)\n const icone2 = iconsSpaces.append(\"g\").attr(\"transform\", `translate(${60},${20})`)\n \n\n\n icone1.append(\"circle\")\n .attr(\"cx\", 0)\n .attr(\"cy\", 0)\n .attr(\"r\", 10)\n .attr(\"fill\", \"#000000\",)\n\n icone2.append(\"circle\")\n .attr(\"cx\", 0)\n .attr(\"cy\", 0)\n .attr(\"r\", 15)\n .attr(\"fill\", \"none\",)\n .attr(\"stroke\", \"#000000\")\n .attr(\"stroke-width\", 2)\n .attr(\"stroke-dasharray\", \"3,3\")\n\n icone2.append(\"circle\")\n .attr(\"cx\", 0)\n .attr(\"cy\", 0)\n .attr(\"r\", 10)\n .attr(\"fill\", \"#000000\",)\n\n \n\n return svg.node()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"## Dados","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1600,"value":"{\n const teste = [\"b\", \"a\", \"d\"]\n \n return teste\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"dados_por_partido = {\n const callback = (dict_, current) => {\n if (\n current.info_raca === \"branca\" ||\n current.info_raca === \"sem informação\"\n ) {\n current.info_raca = \"branca ou sem informação\";\n }\n\n if (Object.keys(dict_).includes(current.partido)) {\n dict_[current.partido].values.push(current);\n dict_[current.partido].total += 1;\n } else {\n dict_[current.partido] = { total: 1, values: [current] };\n }\n\n dict_[current.partido].values.sort((a, b) => a.nome.localeCompare(b.nome));\n\n return dict_;\n };\n\n const valorInicial = {};\n\n const dados_final = dados_ministros.reduce(callback, valorInicial);\n \n return dados_final\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"dados_ministros = FileAttachment(\"ministros_lula_2023@1.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"## Funções de Suporte","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1052,"value":"getInfo = (partido = undefined) => {\n let total_mulheres;\n let total_negros;\n let total_indigenas;\n let total;\n\n let dados;\n\n if (partido) {\n dados = dados_por_partido[partido].values;\n } else {\n dados = dados_ministros\n }\n\n total = dados.length\n\n total_mulheres = dados.filter((d) => d.genero === \"feminino\").length;\n total_negros = dados.filter((d) => d.info_raca === \"negro\").length;\n total_indigenas = dados.filter(\n (d) => d.info_raca === \"indígena\"\n ).length;\n return {\n mulheres: total_mulheres,\n negros: total_negros,\n indigenas: total_indigenas,\n total: total\n };\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"## Referências","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1398,"value":"import {ramp, swatches} from '@d3/working-with-color'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null