30:T184f,buildvis = { let view = md`${container("")}` let pie1 = new dc.PieChart(view.querySelector("#pie1-mat")) pie1.width(768) .height(600) .radius(250) .renderLabel(true) .slicesCap(1) .innerRadius(200) .externalLabels(-200) .externalRadiusPadding(10) .drawPaths(true) .dimension(dimTotalMat) .group(dimTotalMatGroup) .legend(dc.legend()) pie1.on('pretransition', function(pie2) { pie1.selectAll('.dc-legend-item text') .text('') .append('tspan') .text(function(d) { return d.name + " : " +d.data; }) .style("font-family","Arial") .style("font-size","14px") .style("font-weight", "bold") .append('tspan') .attr('x', 0) // .attr('text-anchor', ' end') // .attr("text_anchor","left") //.text(function(d) { return + d.data; }); pie1.selectAll('text.pie-slice').text(function(d) { return d.data.key + " " +d.data.value; }) }); let pie2 = new dc.PieChart(view.querySelector("#pie2-raca")) pie2.width(768) .height(480) .radius(500) .colors(d3.scaleOrdinal ([ "#a50f15", "#de2d26", "#fb6a4a","#fc9272", "#fcbba1", "#fee5d9"]) ) .slicesCap(6) .innerRadius(200) .externalLabels(-100) .externalRadiusPadding(-0.1) .drawPaths(true) .dimension(dimByRaca) .group(dimByRacaGroup) .legend(dc.legend()) .minAngleForLabel() pie2.on('pretransition', function(pie2) { pie2.selectAll('.dc-legend-item text') .text('') .append('tspan') .text(function(d) { return d.name + " : " +d.data;}) .style("font-family","Arial") .style("font-size","14px") .style("font-weight", "bold") // .append('tspan') // .attr('x', 100) // .attr('text-anchor', 'end') pie2.selectAll('text.pie-slice').text(function(d) { if((d.endAngle - d.startAngle)>0.5) return d.data.key + ' ' + dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100) + '%'; }) }); let pie3 = new dc.PieChart(view.querySelector("#pie3-sexo")) pie3.width(768) .height(480) .radius(250) .colors(d3.scaleOrdinal (["pink","blue"])) .slicesCap(4) .innerRadius(200) .externalLabels(-100) .externalRadiusPadding(0.1) .drawPaths(true) .dimension(dimBySexo) .group(dimBySexoGroup) .legend(dc.legend()); pie3.on('pretransition', function(chart) { pie3.selectAll('.dc-legend-item text') .text('') .append('tspan') .text(function(d) { return d.name + " : "+d.data; }) .style("font-family","Arial") .style("font-size","14px") .style("font-weight", "bold") .append('tspan') .attr('x', 100) .attr('text-anchor', 'end') //.text(function(d) { return d.data; }); pie3.selectAll('text.pie-slice').text(function(d) { return d.data.key + ' ' + dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100) + '%'; }) }); let pie4 = new dc.PieChart(view.querySelector("#pie4-zona")) pie4.width(768) .height(480) .radius(250) .colors(d3.scaleOrdinal (["green","grey"])) .slicesCap(4) .innerRadius(200) .externalLabels(-100) .externalRadiusPadding(0.1) .drawPaths(true) .dimension(dimByZona) .group(dimByZonaGroup) .legend(dc.legend()); pie4.on('pretransition', function(pie4) { pie4.selectAll('.dc-legend-item text') .text('') .append('tspan') .text(function(d) { return d.name + " :" + d.data; }) .style("font-family","Arial") .style("font-size","14px") .style("font-weight", "bold") .append('tspan') .attr('x', 100) .attr('text-anchor', 'end') //.text(function(d) { return d.data; }); pie4.selectAll('text.pie-slice').text(function(d) { return d.data.key + ' ' + dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100) + '%'; }) }); let pie5 = new dc.PieChart(view.querySelector("#pie5-tipoEscola")) pie5.width(768) .height(480) .radius(250) .colors(d3.scaleOrdinal (["#54278f", "#756bb1","#9e9ac8","#cbc9e2" ])) .slicesCap(4) .innerRadius(200) .externalLabels(-90) .minAngleForLabel(0.3) .externalRadiusPadding(0.1) .drawPaths(true) .dimension(dimDependencia) .group(dimDependenciaGroup) .legend(dc.legend()); pie5.on('pretransition', function(pie5) { pie5.selectAll('.dc-legend-item text') .text('') .append('tspan') .text(function(d) { return d.name + " :" +d.data; }) .style("font-family","Arial") .style("font-size","14px") .style("font-weight", "bold") .append('tspan') .attr('x', 100) .attr('text-anchor', 'end') //.text(function(d) { return d.data; }); pie5.selectAll('text.pie-slice').text(function(d) { if((d.endAngle - d.startAngle)>0.9) return d.data.key + ' ' + dc.utils.printSingleValue((d.endAngle - d.startAngle) / (2*Math.PI) * 100) + '%'; }) }); dc.renderAll() return view }31:[] 2e:{"title":"GRAPH 1","cells":[{"id":0,"value":"md`# GRAPH 1`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"function container() {\n return `\n

\n \n

Graph Quantidade Total de Matrículas

Total de Matrículas por Raça

Total de Matrículas por Sexo

Total de Matrículas por Zona Residencial

Total de Matrículas por Tipo de Escola

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"data = d3.dsv(\"|\",\"https://bitbucket.org/DanielAraujoSouza/projetodatavis/raw/ec5cfa1a5e1d34d308d092e8b64788371021b226/public/data/BAS_MATRICULA_CE.CSV\").then(function(data) {\n let i = 1\n data.forEach(function(d) {\n d.Dependencia = d.TP_DEPENDENCIA ===\"1\" ? \"Federal\":(d.TP_DEPENDENCIA ===\"2\" ? \"Estadual\":(d.TP_DEPENDENCIA ===\"3\" ? \"Municipal\":(d.TP_DEPENDENCIA ===\"4\" ? \"Privada\":\"\")))\n \n d.Acessibilidade = d.IN_ACESSIBILIDADE_INEXISTENTE ===\"0.0\" ? \"Não\":(d.IN_ACESSIBILIDADE_INEXISTENTE !==\"0.0\" ? \"Sim\":\"Não Declarada\") \n \n d.Sexo = d.TP_SEXO === \"1\" ? \"Feminino\" : \"Masculino\"\n \n d.Raca = d.TP_COR_RACA === \"1\" ? \"Branca\" : (d.TP_COR_RACA === \"2\" ? \"Preta\" : (d.TP_COR_RACA === \"3\" ? \"Parda\" :\n (d.TP_COR_RACA === \"4\" ? \"Amarela\":(d.TP_COR_RACA === \"5\" ? \"Indígena\":(d.TP_COR_RACA === \"0\" ? \"Não_Declarada\":\"\")))))\n d.Zona = d.TP_ZONA_RESIDENCIAL === \"1\" ? \"Rural\" : \"Urbana\"\n d.Alunos = \"Total de Matrículas\"\n d.chave = i\n i++\n })\n return data; \n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"dimTotalMat = facts.dimension(d=>d.Alunos)","pinned":true,"hidden":false,"mode":"ojs"},{"id":125,"value":"dimTotalMatGroup = dimTotalMat.group()","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"dimByZona = facts.dimension(d=>d.Zona)","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"dimByZonaGroup = dimByZona.group()","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"dimBySexo = facts.dimension(d=>d.Sexo)","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"dimBySexoGroup = dimBySexo.group()\n\n// .reduce(\n \n // function (p, v) {\n // p.Male += v.TP_SEXO === \"2\";\n // p.Female += v.TP_SEXO === \"1\"; \n // return p;\n // },\n // function (p, v) {\n // p.Male -= v.TP_SEXO === \"2\";\n // p.Female -= v.TP_SEXO === \"1\"; \n // return p;\n // },\n // function () {\n // return {\n // Male: 0,\n // Female: 0, \n // };\n // }\n //);","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"dimByRaca = facts.dimension(d=>d.Raca)","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"dimByRacaGroup = dimByRaca.group()","pinned":true,"hidden":false,"mode":"ojs"},{"id":214,"value":"dimDependencia = facts.dimension(d=>d.Dependencia)","pinned":true,"hidden":false,"mode":"ojs"},{"id":216,"value":"dimDependenciaGroup = dimDependencia.group()","pinned":true,"hidden":false,"mode":"ojs"},{"id":268,"value":"dimRacaNova = facts.dimension(d=>d.TP_COR_RACA)","pinned":true,"hidden":false,"mode":"ojs"},{"id":270,"value":"dimRacaNovaGroup = dimRacaNova.group().reduce(\n function (p, v) {\n p.Branca += v.TP_COR_RACA === \"1\";\n p.Preta += v.TP_COR_RACA === \"2\"; \n p.Parda += v.TP_COR_RACA === \"3\"\n p.Amarela += v.TP_COR_RACA === \"4\"\n p.Indigena += v.TP_COR_RACA === \"5\"\n p.NaoDeclarada += v.TP_COR_RACA === \"0\"\n return p;\n },\n function (p, v) {\n p.Branca -= v.TP_COR_RACA === \"1\";\n p.Preta -= v.TP_COR_RACA === \"2\"; \n p.Parda -= v.TP_COR_RACA === \"3\"\n p.Amarela -= v.TP_COR_RACA === \"4\"\n p.Indigena -= v.TP_COR_RACA === \"5\"\n p.NaoDeclarada -= v.TP_COR_RACA === \"0\" \n return p;\n },\n function () {\n return {\n Branca :0,\n Preta :0, \n Parda :0,\n Amarela :0,\n Indigena :0,\n NaoDeclarada :0, \n };\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"dataNovo = (dimRacaNovaGroup.all().map(d=>d.key),dimRacaNovaGroup.all().map(d=>d.value))","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"reds = d3.schemeReds[5]","pinned":true,"hidden":false,"mode":"ojs"},{"id":302,"value":"greens = d3.schemePurples[5]","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"facts = crossfilter(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"html`css \n\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}