...
 
Commits (2)
......@@ -34,10 +34,14 @@ import '../Styles/CardFooter.css'
class CardFooter extends Component {
render() {
return (
<Row className="z-depth-1 valign-wrapper footer">
<Row className="z-depth-1 valign-wrapper footer">
{this.props.source ?
<Col>
<span><b>Fonte:</b>{this.props.source}</span>
</Col>
:
null
}
{this.props.data ?
<Col s={2}>
......
src/Images/UFPR.jpg

32.9 KB | W: | H:

src/Images/UFPR.jpg

224 KB | W: | H:

src/Images/UFPR.jpg
src/Images/UFPR.jpg
src/Images/UFPR.jpg
src/Images/UFPR.jpg
  • 2-up
  • Swipe
  • Onion skin
......@@ -98,14 +98,12 @@ const text4 = <div>
Este módulo contém informações do CadÚnico sobre comunidades de Matriz Africana.
</div>
const text5 = <div>
Abaixo encontram-se os dados, separados por categoria, dos estudantes que ingressaram na universidade
através da Lei 12.711/2012 (Lei de cotas). Para exibir os dados você precisará selecionar um ano e clicar
na seção que deseja visualizar.
Este módulo contém informações dos estudantes que ingressaram na universidade
através da Lei 12.711/2012 (Lei de cotas).
</div>
const text6 = <div>
<p>Este módulo contém informações sobre os estados e municípios participantes do SINAPIR,
informações de contatos dos gestores e os convênios em execução.
</p>
Este módulo contém informações sobre os estados e municípios participantes do SINAPIR,
informações de contatos dos gestores e os convênios em execução.
</div>
......
......@@ -97,9 +97,8 @@ class QuotasAdmission extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Ingresso</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
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>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas).</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -107,6 +106,7 @@ class QuotasAdmission extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -114,31 +114,52 @@ class QuotasAdmission extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes que ingressaram nele através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que ingressaram no curso através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição para ver um gráfico apresentando o total de estudantes que ingressaram nela através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'admission'}
......@@ -149,17 +170,25 @@ class QuotasAdmission extends Component {
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que ingressaram na instituição através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que ingressaram pela Lei de Cotas de todas as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} 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> O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados 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/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,8 +100,7 @@ class QuotasEducation extends Component {
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`} id='pnad_title' >Escolaridade</h5>
<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>
no geral, que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<div id={"mapPanelEducation"}>
<MapPanel
......
This diff is collapsed.
......@@ -99,9 +99,8 @@ class QuotasExtracurricularAct extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Atividade Extracurricular</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados às atividades extracurriculares
de estudantes 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>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados às atividades extracurriculares de estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Atividades extracurriculares são todas as atividades que o estudante realiza além das aulas propostas na grade de um curso.</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -109,6 +108,7 @@ class QuotasExtracurricularAct extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -116,31 +116,52 @@ class QuotasExtracurricularAct extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que realizam alguma atividade extracurricular e que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'}source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição para ver um gráfico apresentando o total de estudantes que realizam alguma atividade extracurricular e que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'extracurricular_activities'}
......@@ -151,17 +172,25 @@ class QuotasExtracurricularAct extends Component {
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na instituição através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que realizam alguma atividade extracurricular e que ingressaram pela Lei de Cotas de todas as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} 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> O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados 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/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -102,9 +102,7 @@ class QuotasFies extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>FIES</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
financiados pelo FIES, 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>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes financiados pelo FIES (Fundo de Financiamento Estudantil), que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -115,29 +113,35 @@ class QuotasFies extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo", "nu_ano")}/>
</div>
<Loading />
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data={serverURL + type + '?dims=gender,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes financiados pelo FIES e que ingressaram no curso através da Lei de cotas.</p>
<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>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=course,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes financiados pelo FIES e que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'institution'}
mainPage={type} chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
......@@ -147,35 +151,46 @@ 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>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=institution,uf&format=csv'} 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>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados 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 />
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=ethnic,uf&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Financiamento'>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados de acordo com o tipo do financiamento.</p>
<div id={'Tipo de Financiamento' + type}>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Tipo de Financiamento'], "tp_fianca", "nu_ano")}
customKeys={loanTypeKeys}/>
</div>
<Loading />
<Loading />
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Fundo de Garantia de Operações de Crédito Educativo (FGEDUC)</b>: contratação do financiamento sem a exigência de fiador por meio do FGEDUC</li>
<li><b>Normal/Convencional</b>: financiamento escolhendo até dois fiadores que tenham renda igual ao dobro do valor da mensalidade paga pelo estudante</li>
<li><b>Solidária</b>: financiamento escolhendo um grupo de três a cinco pessoas que devem ser obrigatoriamente da mesma instituição de ensino e que estudem no mesmo período, não podendo ser do mesmo grupo familiar</li>
</ul>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=loan_type,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Porcentagem de Financiamento'>
......@@ -206,7 +221,7 @@ class QuotasFies extends Component {
<Loading />
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=loan,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,9 +100,7 @@ class QuotasGraduate extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<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>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<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). Estudantes concluintes são todos aqueles que concluíram um curso superior. </p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -113,9 +111,10 @@ class QuotasGraduate extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<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>
<p>O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno dos cursos que eles anteriormente cursavam.</p>
<div id={'Turno'+type}>
<BuildStackedBar
dataKey='Ano'
......@@ -124,41 +123,48 @@ class QuotasGraduate extends Component {
/>
</div>
<Loading/>
<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 style={{border:"solid 1px gray", padding:5}}>
<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>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=shift,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=gender,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de concluintes dele que ingressaram através da Lei de cotas.</p>
<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>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=course,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de concluintes dela que ingressaram através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'graduate'}
......@@ -167,23 +173,25 @@ 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>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data = {serverURL + type + '?dims=institution,uf&format=csv'} 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>
<p> O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados 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/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data = {serverURL + type + '?dims=ethnic,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,9 +100,8 @@ class QuotasLoan extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Financiamento Estudantil</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
financiados,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>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes financiados, que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Estudantes financiados são todos aqueles que possuem algum tipo de financiamento estudantil.</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -110,6 +109,7 @@ class QuotasLoan extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno", "no_ano_pesquisa")}
......@@ -117,31 +117,52 @@ class QuotasLoan extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno", "no_ano_pesquisa")}/>
</div>
<Loading />
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes financiados que ingressaram no curso através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados e que ingressarm no curso selecionado pela Lei de Cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados e que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`}header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`}header='Instituição de Ensino'>
<p>Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes financiados que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={type}
......@@ -150,22 +171,31 @@ class QuotasLoan extends Component {
getTags={this.saveAutocompleteContent}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados e que ingressaram na instituição selecionado pela Lei de Cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados e que ingressaram pela Lei de Cotas de todos as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} 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> O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados 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", "no_ano_pesquisa")}/>
</div>
<Loading />
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Financiamento'>
<div id={'Tipo de Financiamento' + type}>
<p> A tabela abaixo apresenta dados sobre o tipo de financiamento de estudantes que ingressaram na universidade através da Lei de cotas.</p>
<Row>
<Col s={12} >
<Table
......@@ -212,7 +242,7 @@ class QuotasLoan extends Component {
</div>
<Loading />
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=refund_fies,refund_state,refund_city,refund_edu_inst,refund_org,refund_others,no_refund_prouni_integral,no_refund_prouni_partial,no_refund_state,no_refund_city,no_refund_edu_inst,no_refund_org,no_refund_others&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -32,6 +32,7 @@ import AutocompleteApp from '../Components/AutocompleteApp';
import BuildStackedBar from '../Charts/BuildStackedBar';
import DropdownCampi from '../Components/DropdownCampi';
import { Store } from '../Store';
import CardFooter from '../Components/CardFooter';
import './Styles/QuotasOfferVacancies.css'
......@@ -81,7 +82,7 @@ class QuotasOfferVacancies extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className="subpage-margin">
<h5 className={`${contrastString}quota-title`}>Vagas Ofertadas</h5>
<p>Abaixo encontram-se as vagas ofertadas pelas instituições de ensino. </p>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados às vagas para cotistas ofertadas pelas universidades.</p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -92,6 +93,7 @@ class QuotasOfferVacancies extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer header='Turno' id={`${contrastString}brownShiftCollapsible`} >
<div id={'Turno' + type}>
......@@ -108,17 +110,33 @@ class QuotasOfferVacancies extends Component {
</Col>
</Row>
</div>
<Loading />
<Loading />
<CardFooter
data={serverURL +'/'+ vacancy +'?dims=year,shift,uf&format=csv'}
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para visualizar um gráfico apresentando o total de vagas para cotistas ofertadas por ele.</p>
<div>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'no_curso'} saveData={this.getDataFromAutocomplete} />
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Curso'], "tipo_cota")}/>
</div>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Curso'], "tipo_cota")} height={450}/>
</div>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>PcD</b>: pessoa com deficiência</li>
<li><b>PPI</b>: pretos, pardos e indígenas</li>
</ul>
</div>
<CardFooter
data={serverURL +'/'+ vacancy +'?dims=year,course,uf&format=csv'}
/>
</CollapsibleContainer>
<CollapsibleContainer header='Instituição de Ensino' id={`${contrastString}brownCollapsible`}>
<p>Digite o nome de uma instituição de ensino para visualizar um gráfico apresentando o total de vagas para cotistas ofertadas por ela.</p>
<AutocompleteApp whichAutocomplete={'institution'}
mainPage={type} chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
......@@ -127,8 +145,18 @@ class QuotasOfferVacancies extends Component {
<div id={"ddCampiVacancy"} style={{display:'none'}}>
<DropdownCampi campi={this.state.campiList} getDDValues={this.campiFilter} location={type}/>
</div>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.mountInstitution, "tipo_cota")}/>
</CollapsibleContainer>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.mountInstitution, "tipo_cota" )} height={450}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>PcD</b>: pessoa com deficiência</li>
<li><b>PPI</b>: pretos, pardos e indígenas</li>
</ul>
</div>
<CardFooter
data={serverURL +'/'+ vacancy +'?dims=year,name_ies,uf&format=csv'}
/>
</CollapsibleContainer>
</Collapsible>
</Col>
</Row>
......
......@@ -86,8 +86,7 @@ class QuotasPROUNI extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>PROUNI</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes Negros participantes do PROUNI. </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes negros participantes do PROUNI (Programa Universidade Para Todos). </p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -98,14 +97,16 @@ class QuotasPROUNI extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<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>
<p>O gráfico abaixo apresenta o número total de estudantes negros 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>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
......@@ -113,60 +114,69 @@ class QuotasPROUNI extends Component {
<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>
</div>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=shift,uf&filter=ethnic:"Preta"&format=csv'} source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<p>O gráfico abaixo apresenta o número total de estudantes negros participantes do PROUNI separados por sexo. </p>
<div id={'Sexo' + type}>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "sexo_beneficiario_bolsa", "ano_concessao_bolsa")}/>
</div>
<Loading/>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=gender,uf&filter=ethnic:"Preta"&format=csv'} source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes negros participantes do PROUNI dele.</p>
<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>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes negros que são participantes do PROUNI no curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes negros participantes do PROUNI de todos os cursos</li>
</ul>
</div>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=course,ethnic,uf&format=csv'} source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes negros participantes do PROUNI dela.</p>
<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>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes negros que são participantes do PROUNI na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes negros participantes do PROUNI de todas as instituições</li>
</ul>
</div>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=institution,ethnic,uf&format=csv'} 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>
<p> O gráfico abaixo apresenta o número total de estudantes participantes do PROUNI separados 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/>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=ethnic,uf&format=csv'} source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Bolsa'>
<div id={'Tipo de Bolsa' + type}>
<p> O gráfico abaixo apresenta o número total de estudantes negros participantes do PROUNI separados de acordo com o seu tipo de bolsa.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Tipo de Bolsa'], "tipo_bolsa", "ano_concessao_bolsa")}/>
</div>
<Loading/>
<CardFooter
source=" PROUNI - Programa Universidade para Todos "
data={serverURL + type +'?dims=scholarship,uf&filter=ethnic:"Preta"&format=csv'} source=" PROUNI - Programa Universidade para Todos "
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -99,15 +99,15 @@ class QuotasSocialSupport extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Apoio Social</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
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>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes beneficiados com algum tipo de apoio social que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</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 estudantes com apoio social que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<div id={'Turno'+type}>
<BuildStackedBar
dataKey='Ano'
......@@ -116,31 +116,52 @@ class QuotasSocialSupport extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<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>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes com apoio social que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes com apoio social que ingressaram nele através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes com apoio social que ingressaram no curso através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes com apoio social que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição para ver um gráfico apresentando o total de estudantes com apoio social que ingressaram nela através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'social_support'}
......@@ -150,20 +171,29 @@ class QuotasSocialSupport extends Component {
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes com apoio social que ingressaram na instituição através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes com apoio social que ingressaram pela Lei de Cotas de todas as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} 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> O gráfico abaixo apresenta o número total de estudantes com apoio social que ingressaram na universidade através da Lei de cotas, separados 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/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Apoio'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Apoio'>
<p> Após a busca, o gráfico dessa seção apresenta o número total de estudantes com os apoios sociais selecionados que ingressaram na universidade através da Lei de cotas. Por exemplo, se selecionado os parâmetros "Apoio Moradia" e "Apoio Transporte" o gráfico será referente aos estudantes beneficiados por esses dois apoios ao mesmo tempo. </p>
<div id={'Tipo de Apoio'+type}>
<MultiSelector
id={type+'Selector'}
......@@ -175,7 +205,7 @@ class QuotasSocialSupport extends Component {
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=food_support,support,work_support,courseware_support,housing_support,transport_support&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -76,12 +76,12 @@ class YouthVulnerabilities extends Component {
return (
<div>
<Row>
<Col l={3} m={5} s={12}>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderY`}>Vulnerabilidade</h4>
</Col>
</Row>
<div className="jv1paEvolução Anual, entre jovens de 15 a 29 anosnnels">
<div className="jv1pannels">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Row>
<Row>
......