...
 
Commits (2)
......@@ -33,8 +33,22 @@ const toPercent = (decimal, fixed = 0) => {
return `${(decimal * 100).toFixed(fixed)}%`;
};
const COLORS = ["#0E3959", "#0B7B6B", "#EA7C27", "#B66526", "#CA3828", "#363B1B0", "#78752E",
"#081A24", "#211517", "#763618", "#722417", "#C93829", "#363B1BU", "#003300"];
const COLORS = ["#0E3959",
"#B66526",
"#0B7B6B",
"#C93829",
"#78752E",
"#EA7C27",
"#217da7",
"#722417",
"#636165",
"#363B1B0",
"#081A24",
"#211517",
"#763618",
"#CA3828",
"#363B1BU"
];
const renderTooltipContent = (o) => {
const { payload, label } = o;
......
......@@ -56,12 +56,12 @@ function MainCard(props){
var listItems = [];
var visibility = 'none';
for (var i=0; i < links.length; i++){
var subp = links[i]
for (let i=0; i < links.length; i++){
let subp = links[i]
length = length + subp.length;
var link =
<Link onClick={() => { setPageAction(subp) }} key={subp} className={color + ' waves-effect waves spacingInCard '} to={subpages['route']} >
{subp}
let link =
<Link onClick={() => { setPageAction(subp) }} key={subp} className={color + ' waves-effect waves spacingInCard '} to={subpages['route']} >
{subp}
</Link>
if (length < 50 || !dropdown){
listItems.push(link)
......
......@@ -99,8 +99,8 @@ class QuotasEducation extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`} id='pnad_title' >Escolaridade</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
evasores,que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p>Abaixo encontram-se os dados relacionados aos estudantes
no geral, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<div id={"mapPanelEducation"}>
......
......@@ -90,7 +90,7 @@ class QuotasEvader extends Component {
this._mounted = false;
}
render() {
var contrastString = this.context.state.contrast;
return (
......@@ -100,26 +100,36 @@ class QuotasEvader extends Component {
<div className="subpage-margin">
<h5 className={`${contrastString}quota-title`}>Evasores</h5>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
evasores,que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
evasores, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
getData={this.getData}
location={type}
location={type}
/>
</div>
</div>
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<p>O gráfico abaixo apresenta o número total de evasores separados de acordo com o turno dos cursos que eles anteriormente cursavam. </p>
<div id={'Turno'+type}>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
customKeys={turnoK}
/>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
</div>
<Loading/>
<CardFooter
......@@ -143,7 +153,12 @@ class QuotasEvader extends Component {
saveData={this.getDataFromAutocomplete}
getTags={this.saveAutocompleteContent}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de evasões do curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de evasões de todos os cursos</li>
</ul>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
......@@ -155,14 +170,20 @@ class QuotasEvader extends Component {
chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
getTags={this.saveAutocompleteContent}
/>
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de evasões na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de evasões de todos as instituições</li>
</ul>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de evasores divididos de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
</div>
<Loading/>
......
......@@ -128,6 +128,11 @@ class QuotasFies extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'ds_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'ds_curso'} dataKey={'total'} dataKey2={'percentage'} year={'nu_ano'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES no curso selecionado </li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos os cursos</li>
</ul>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
......@@ -142,12 +147,18 @@ class QuotasFies extends Component {
<DropdownCampi campi={this.state.campiList} getDDValues={this.campiFilter} location={type}/>
</div>
<BuildBiaxialBars data={this.state.mountInstitution} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'nu_ano'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos as instituições</li>
</ul>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial' + type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de estudantes financiados pelo FIES divididos de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_raca_cor", "nu_ano")}/>
</div>
<Loading />
......@@ -180,14 +191,14 @@ class QuotasFies extends Component {
name="percent"
min="10"
max="100"
onChange={this.updatePercent}
/>
onChange={this.updatePercent}
/>
</p>
<h6>Exibindo a quantidade de pessoas negras com <b>{this.state.percent}%</b> de financiamento do FIES.</h6>
<h6>Exibindo o número total de pessoas negras com <b>{this.state.percent}%</b> de financiamento do FIES.</h6>
<div id={'Porcentagem de Financiamento' + type}>
<BuildBar
dataKey='Ano'
data={organizeJson(this.state.charts['Porcentagem de Financiamento'], "nu_percent_solicitado_financ", "nu_ano")}
data={organizeJson(this.state.charts['Porcentagem de Financiamento'], "nu_percent_solicitado_financ", "nu_ano")}
visited={this.props.visited}
percent={this.state.percent}
customKeys={fiesKeys}/>
......
......@@ -101,7 +101,7 @@ class QuotasGraduate extends Component {
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Concluintes</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
concluintes,que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
concluintes, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<MapPanel
onChange={this.updateCharts}
......@@ -115,6 +115,7 @@ class QuotasGraduate extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<p>O gráfico abaixo apresenta o número total de concluintes separados de acordo com o turno dos cursos que eles anteriormente cursavam. </p>
<div id={'Turno'+type}>
<BuildStackedBar
dataKey='Ano'
......@@ -123,7 +124,16 @@ class QuotasGraduate extends Component {
/>
</div>
<Loading/>
<CardFooter
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
......@@ -139,6 +149,11 @@ class QuotasGraduate extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'no_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram o curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todos os cursos</li>
</ul>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
......@@ -152,12 +167,18 @@ class QuotasGraduate extends Component {
getTags={this.saveAutocompleteContent}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram algum curso na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todas as instituições</li>
</ul>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de concluintes divididos de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
</div>
<Loading/>
......
......@@ -100,10 +100,19 @@ class QuotasPROUNI extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<p>O gráfico abaixo apresenta o número total de estudantes participantes do PROUNI separados de acordo com o turno de seus cursos. </p>
<div id={'Turno' + type}>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Turno'], "nome_turno_curso_bolsa", "ano_concessao_bolsa")}/>
</div>
<Loading/>
<b>Legenda:</b>
<ul>
<li><b>Curso a distância</b>: cursos superiores com aulas não presenciais </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
</ul>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
/>
......@@ -120,16 +129,30 @@ class QuotasPROUNI extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'nome_curso_bolsa'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'nome_curso_bolsa'} dataKey={'total'} dataKey2={'percentage'} year={'ano_concessao_bolsa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que são participantes do PROUNI no curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de participantes do PROUNI de todos os cursos</li>
</ul>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<AutocompleteApp whichAutocomplete={'institution'} mainPage={type} chartDiv={'nome_ies_bolsa'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'nome_ies_bolsa'} dataKey={'total'} dataKey2={'percentage'} year={'ano_concessao_bolsa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que são participantes do PROUNI na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de participantes do PROUNI de todas as instituições</li>
</ul>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial' + type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de participantes do PROUNI divididos de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "raca_beneficiario_bolsa", "ano_concessao_bolsa")}/>
</div>
<Loading/>
......
......@@ -169,14 +169,14 @@ class YouthJob extends Component {
data={this.state.charts['Trabalhou Referencia Preto Pardo']}
customKeys={TrabPP}
/>
<p>Proporção de jovens negros que trabalharam ou estavam afastados do trabalho na semana de referência da pesquisa com relação aos que não trabalharam nem estavam afastados.</p>
<p>Número total de jovens negros que trabalharam ou estavam afastados do trabalho na semana de referência da pesquisa com relação aos que não trabalharam nem estavam afastados.</p>
<GrayBar text="Brancos, entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Trabalhou Referencia Branco']}
customKeys={TrabPP}
/>
<p>Proporção de jovens brancos que trabalharam ou estavam afastados do trabalho na semana de referência da pesquisa com relação aos que não trabalharam nem estavam afastados.</p>
<p>Número total de jovens brancos que trabalharam ou estavam afastados do trabalho na semana de referência da pesquisa com relação aos que não trabalharam nem estavam afastados.</p>
<CardFooter data={serverURL + 'youth_jobs?dims=year,cor_raca,trabalhou,uf&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
......
......@@ -37,8 +37,8 @@ class YouthPresentation extends Component {
<div className={`${contrastString}apresentacao`}>
<h5>Plano Juventude Viva</h5>
<br/>
<p>O Plano Juventude Viva é uma iniciativa do Governo Federal, coordenada pela Secretaria Nacional de Juventude (SNJ) e pela Secretaria Especial de Políticas de Promoção da Igualdade Racial (SEPPIR). O Plano reúne ações de prevenção para reduzir a vulnerabilidade de jovens negros a situações de violência física e simbólica, a partir da criação de oportunidades de inclusão social e autonomia para os jovens entre 15 e 29 anos.
O Plano prioriza 142 municípios brasileiros, distribuídos em 26 estados e no Distrito Federal, que em 2010 concentravam 70% dos homicídios contra jovens negros. A relação inclui as capitais de todos os estados brasileiros. São 11 ministérios envolvidos. Juntos, eles articulam ações de 44 programas em 96 municípios. São quatro eixos de ação:</p>
<p>O Plano Juventude Viva é uma iniciativa do Governo Federal, coordenada pela Secretaria Nacional de Juventude (SNJ) e pela Secretaria Especial de Políticas de Promoção da Igualdade Racial (SEPPIR). A partir da criação de oportunidades de inclusão social e autonomia para os jovens entre 15 e 29 anos, o plano reúne ações de prevenção para reduzir a vulnerabilidade de jovens negros a situações de violência física e simbólica, esta última caracterizada por causar danos morais e psicologicos.</p>
<p>O Plano prioriza 142 municípios brasileiros, distribuídos em 26 estados e no Distrito Federal, que em 2010 concentravam 70% dos homicídios contra jovens negros. A relação inclui as capitais de todos os estados brasileiros. São 11 ministérios envolvidos. Juntos, eles articulam ações de 44 programas em 96 municípios. São quatro eixos de ação:</p>
<ul>
<li>
<p><b>Desconstrução da Cultura de Violência -</b> ações voltadas para a sensibilização da opinião pública sobre banalização da violência e a necessidade de valorização da vida da juventude e da garantia de seus direitos. O eixo prevê campanhas em meios de comunicação, construção de uma rede de mobilização para fortalecer as ações de pessoas, entidades e instituições engajadas com o enfrentamento da violência letal, além de mobilizar atores sociais para a promoção dos direitos da juventude negra.
......
......@@ -81,7 +81,7 @@ class YouthVulnerabilities extends Component {
</Col>
</Row>
<div className="jv1pannels">
<div className="jv1paEvolução Anual, entre jovens de 15 a 29 anosnnels">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Row>
<Row>
......