Commit 200d5d09 authored by ns17's avatar ns17
Browse files

add open processes graphs

parent ec7e4dab
ano;uf;regiao;processos_abertos
2020;PA;Norte;48
2020;AM;Norte;3
2020;RO;Norte;7
2020;AP;Norte;34
2020;TO;Norte;33
2020;STM;Norte;18
2020;PR;Sul;38
2020;SC;Sul;19
2020;RS;Sul;105
2020;MG;Sudeste;248
2020;RJ;Sudeste;29
2020;SP;Sudeste;51
2020;ES;Sudeste;21
2020;GO;Centro-Oeste;24
2020;MT;Centro-Oeste;71
2020;MS;Centro-Oeste;18
2020;DF;Centro-Oeste;16
2020;CE;Nordeste;33
2020;PE;Nordeste;57
2020;BA;Nordeste;332
2020;MA;Nordeste;399
2020;PB;Nordeste;29
2020;RN;Nordeste;23
2020;AL;Nordeste;17
2020;SE;Nordeste;32
2020;PI;Nordeste;66
2020;UAE (PE);Nordeste;34
const processos_regiao = {
'0': {
'regiao': 'Norte',
'nu_processos': 143,
},
'1': {
'regiao': 'Nordeste',
'nu_processos': 1022,
},
'2': {
'regiao': 'Centro-Oeste',
'nu_processos': 129,
},
'3': {
'regiao': 'Sul',
'nu_processos': 162,
},
'4': {
'regiao': 'Sudeste',
'nu_processos': 349,
}
}
const processos_uf = {
'0': {
'SR': 'PA',
'nu_processos': 48,
},
'1': {
'SR': 'AM',
'nu_processos': 3,
},
'2': {
'SR': 'RO',
'nu_processos': 7,
},
'3': {
'SR': 'AP',
'nu_processos': 34,
},
'4': {
'SR': 'TO',
'nu_processos': 33,
},
'5': {
'SR': 'STM',
'nu_processos': 18,
},
'6': {
'SR': 'CE',
'nu_processos': 33,
},
'7': {
'SR': 'PE',
'nu_processos': 57,
},
'8': {
'SR': 'BA',
'nu_processos': 332,
},
'9': {
'SR': 'MA',
'nu_processos': 399,
},
'10': {
'SR': 'PB',
'nu_processos': 29,
},
'11': {
'SR': 'RN',
'nu_processos': 23,
},
'12': {
'SR': 'AL',
'nu_processos': 17,
},
'13': {
'SR': 'SE',
'nu_processos': 32,
},
'14': {
'SR': 'PI',
'nu_processos': 66,
},
'15': {
'SR': 'UAE',
'nu_processos': 34,
},
'16': {
'SR': 'GO',
'nu_processos': 24,
},
'17': {
'SR': 'MT',
'nu_processos': 71,
},
'18': {
'SR': 'MS',
'nu_processos': 18,
},
'19': {
'SR': 'DFE',
'nu_processos': 16,
},
'20': {
'SR': 'MG',
'nu_processos': 248,
},
'21': {
'SR': 'SP',
'nu_processos': 51,
},
'22': {
'SR': 'RJ',
'nu_processos': 29,
},
'23': {
'SR': 'ES',
'nu_processos': 21,
},
'24': {
'SR': 'RS',
'nu_processos': 105,
},
'25': {
'SR': 'SC',
'nu_processos': 19,
},
'26': {
'SR': 'PR',
'nu_processos': 38,
}
}
export function getProcessRegion() {
return processos_regiao;
}
export function getProcessUF() {
return processos_uf;
}
\ No newline at end of file
......@@ -28,6 +28,7 @@ import GrayBar from '../Components/GrayBar';
import MapMarker from './icons/map-marker.png';
import { getStateExtendedName, getStateAcronym } from '../enviroment';
import * as data from '../JsonsAntigos/brasil-quilombola/bqe1'
import * as data_processos from '../JsonsNovos/quilombola_territorial/processos_abertos_regiao'
// import BuildLineNotFixed from '../Charts/BuildLineNotFixed'
import BuildPie from '../Charts/BuildPie'
import BrasilMap from '../Components/Map';
......@@ -38,11 +39,13 @@ import './Styles/Eixo1.css'
import './Styles/Pannel.css'
import { Store } from '../Store';
import csv1 from '../CSV/certificacoes_emitidas.csv';
import csv3 from '../CSV/processos_abertos.csv';
// import csv2 from '../CSV/evolucao_certificacoes.csv';
// import csv3 from '../CSV/relacao_comunidades_certificadas.csv';
import csv4 from '../CSV/etapas_processo_titulacao.csv';
import csv5 from '../CSV/Comunidades_Quilombolas_Tituladas.csv';
import CsvTable from '../Components/CsvTable'
import BuildBar from '../Charts/BuildBar'
const nullInfo = [{
"tipo": "Sem informação",
"valor": null
......@@ -224,6 +227,12 @@ class Eixo1 extends Component {
}
render() {
var processos_regiao = []
var processos_uf = []
for (let i=0; i<5; i++)
processos_regiao[i] = data_processos.getProcessRegion()[i]
for (let i=0; i<27; i++)
processos_uf[i] = data_processos.getProcessUF()[i]
var contrastString = this.context.state.contrast;
return (
<div>
......@@ -321,6 +330,41 @@ class Eixo1 extends Component {
/>
</Card>
<Card
id="e1pannel-3"
className={`${contrastString}pannel hoverable`}
header={<CardTitle reveal waves='light'/>}
title={"Número de Processos Abertos no INCRA para Titulação de Territórios Quilombolas"}
>
<GrayBar text="por Região" />
<BuildPie
data={processos_regiao}
dataKey="nu_processos"
nameKey="regiao"
/>
<CardFooter
data={csv3}
source=" INCRA (Outubro/2020)"
/>
</Card>
<Card
id="e1pannel-5"
className={`${contrastString}pannel hoverable`}
header={<CardTitle reveal waves='light'/>}
title={"Número de Processos Abertos no INCRA para Titulação de Territórios Quilombolas"}
>
<GrayBar text="por superintendência Regional" />
<BuildBar
data={processos_uf}
customKeys={{"nu_processos":"Número de Processos"}}
dataKey="SR"
/>
<CardFooter
data={csv3}
source=" INCRA (Outubro/2020)" />
</Card>
{/* <Card id="e1pannel-2" className={`${contrastString}pannel hoverable`} header={<CardTitle reveal waves='light'/>}
title={"Evolução das Certificações das Comunidades Quilombolas- "+getStateExtendedName(this.state.clickedInMap).currentState}
reveal={<div>{"Esta tabela apresenta o total de certificações emitidas (pela Fundação Cultural Palmares) e de territórios titulados (pelo INCRA ou pelos Institutos de Terra) em todo o Brasil e nos Estados, a cada ano. Cada certificação se refere a uma comunidade, enquanto a titulação de um território pode englobar diversas comunidades que compartilham o mesmo território."}</div>}
......@@ -435,7 +479,7 @@ class Eixo1 extends Component {
{/* carregando dados na hora errada faz a tabela ficar nula, descobrir como evitar isso */}
<CardFooter
data={csv5}
source=" INCRA (1/10/2020)"
source=" INCRA (Outubro/2020)"
/>
</Card>
......
......@@ -86,8 +86,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
padding: 1rem;
grid-template-areas:"pan1 pan2 pan2 pan2 pan2"
"pan1 pan2 pan2 pan2 pan2"
"pan4 pan3 pan3 pan3 pan3"
"pan4 pan3 pan3 pan3 pan3";
"pan4 pan4 pan3 pan3 pan3"
"pan4 pan4 pan3 pan3 pan3"
"pan5 pan5 pan5 pan5 pan5";
}
}
......
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