Commit b0b964b2 authored by Edu Trevisan's avatar Edu Trevisan

update charts

parent 008a920d
......@@ -27,6 +27,7 @@ import UfBar from '../Components/UfBar';
import GrayBar from '../Components/GrayBar';
import group from './icons/group.png';
import { getStateExtendedName, getUfArray, getStateRegion } from '../enviroment';
import Loading from '../Components/Loading'
import Map from '../Components/Map';
import BuildLineNotFixed from '../Charts/BuildLineNotFixed'
import BuildBar from '../Charts/BuildBar'
......@@ -108,7 +109,7 @@ class YouthVulnerabilities extends Component {
</Row>
<div className="jv1pannels">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Mapa">
<Row>
<Row>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre qualquer estado no mapa para apresentar os
......@@ -117,10 +118,6 @@ class YouthVulnerabilities extends Component {
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<p>Refere-se ao número de homicídios por 100 mil jovens, por Estado em que residem. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos. Apenas jovens pretos e pardos são considerados.</p>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} img={group} val={data.getvup1()[getStateExtendedName(this.state.clickedInMap).currentState]['Taxa de Homicídios (Negros, 15 a 29 anos)'] + " por cem mil"}/>
<CardFooter data={csv1} source="Sistema de Informações de Mortalidade (SIM) (MS, 2014) e Pesquisa Nacional de Amostras de Domicílios (IBGE, 2014)"/>
</Card>
<Card id="jv1pannel-2" className={`${contrastString}pannel hoverable`} title="Índice de Vulnerabilidade à Violência (IVJ)">
......@@ -132,17 +129,21 @@ class YouthVulnerabilities extends Component {
<Card id="jv1pannel-3" className={`${contrastString}pannel hoverable`} title="Evolução dos Homicídios de Jovens">
<GrayBar text="Evolução Anual, entre jovens de 15 a 29 anos"/>
<BuildLineNotFixed data={c[0]} customKeys={{"ano":"ano","Branca":"Branca","Parda":"Parda","Preta":"Preta","Indígena":"Indígena","Amarela":"Amarela"}} dataKey="ano"/>
<div id={"Evolução dos Homicídios de Jovens"+type}>
<BuildLineNotFixed data={c[0]} customKeys={{"ano":"ano","Branca":"Branca","Parda":"Parda","Preta":"Preta","Indígena":"Indígena","Amarela":"Amarela"}} dataKey="ano"/>
</div>
<Loading/>
<p>Esse gráfico mostra o número absoluto de homicídios de jovens ao longo dos anos. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos.</p>
<CardFooter data={csv3} source="SIM / Min. da Saúde (1996-2016)"/>
</Card>
<Card id="jv1pannel-4" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios Comparada">
<GrayBar text="por Raça/Cor"/>
{ c[2] ? <BuildBar data={c[2]} dataKey="raca_cor"/> : <div/> }
<p>Refere-se ao número de homicídios por 100 mil jovens, comparando a taxa de homicídios de negros, brancos e população total. Neste gráfico é possível perceber a diferença das taxas de homicídios das populações jovens negra e branca.</p>
<div id={"Taxa de Homicídios Comparada"+type}>
{ c[2] ? <BuildBar data={c[2]} dataKey="raca_cor"/> : <div/> }
</div>
<Loading/>
<p>Refere-se ao número de homicídios por 100 mil</p>
<CardFooter data={csv4} source="SIM (MS, 2016) e PNAD (IBGE, 2016)"/>
</Card>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment