IBGE Dados Web é uma aplicação web que consome a API de Agregados do IBGE para exibir dados estatísticos do Brasil em gráficos interativos e fáceis de visualizar. Com esta aplicação, você pode explorar diversas informações agregadas sobre temas econômicos, sociais, demográficos, entre outros.
-
Pessoas de 18 ou mais de idade com pressão alta por estado em 2013
-
Proporção da população abaixo da linha de pobreza internacional por estado em 2022
-
Áreas urbanizadas densas por estado em 2019 Dark mode (?theme=dark)
<iframe src="https://ibge-dados-web.vercel.app/frame?theme=dark&pesquisa=D5&agregado=8418&variavel=12747&periodos=2019&nivelGeografico=N3&locais=11%2C12%2C13%2C14%2C15%2C16%2C17%2C21%2C22%2C23%2C24%2C25%2C27%2C52%2C53%2C51%2C26%2C28%2C29%2C31%2C32%2C33%2C35%2C42%2C43%2C41%2C50" width="100%" height="800" frameborder="0"></iframe>- Visualização interativa de dados estatísticos do IBGE.
- Gráficos dinâmicos para facilitar a compreensão dos dados.
- Opção para baixar gráficos e visualizar dados em texto
- Interface amigável e responsiva.
- Filtros para seleção de dados por período, região ou categoria usando search params.
- Possibilidade de incorporar gráficos em outras aplicações via iframe
- Dark mode
- Frontend: React.js, Shadcn/ui
- Biblioteca de gráficos: Apache Echarts
- Backend: SSR Next.js
- Estilização: Tailwind CSS
-
Clone o repositório:
git clone https://github.com/ViniciusCestarii/ibge-dados-web.git cd ibge-dados-web -
Instale as dependências:
npm install
-
Copie o arquivo
.env.examplepara.env.local:cp .env.example .env.local
-
Inicie o servidor de desenvolvimento:
npm run dev
-
Acesse a aplicação em seu navegador:
http://localhost:3000
Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE para obter detalhes.