Transparencia-Brasil / achados-e-pedidos-site

0 stars 1 forks source link

Exibição de classificação de atendimento na página de dados com novos gráficos #46

Closed rdurl0 closed 1 year ago

rdurl0 commented 2 years ago

@rdurl0 : criar visualizações com R

studiocuboweb commented 2 years ago

@rdurl0 essa atividade está ligada com essa página: https://transparencia-brasil.github.io/pagina-de-dados-AeP/dashboard-guide-v2.html e esse repositório https://github.com/Transparencia-Brasil/pagina-de-dados-AeP (confere?)

Acabei de colocar aqui na máquina local as 3 visões Atendido, Não atendido e Parcialmente Atendido, conforme print: Screen Shot 2022-08-03 at 12 51 49

É isso mesmo? Vai manter as visões Total Pedidos, Respondidos e Não respondidos ou é para substituir?

obs: Caso vamos manter todas as visões, eu vou precisar arrumar os icones do Atendido, Não atendido e parcialmente.

rdurl0 commented 2 years ago

Paulo, na minha opinião podemos ficar somente com os pedidos classificados e tirar as taxas de resposta. Vou checar com a equipe e te passo o encaminhamento dessa parte, ok?

studiocuboweb commented 2 years ago

@rdurl0 eu retirei a taxa de resposta e coloquei o gráfico da taxa de atendimento por ano conforme print: Screen Shot 2022-08-23 at 21 27 58

Só pedi para colocar a % no eixo y. Mas a imagem está coerente com a query, confere?

rdurl0 commented 2 years ago

@pauloeducampos acho que faltou algo na query que é a exclusão de pedidos não classificados. Basicamente o que precisa fazer é incluir um filtro na query com having Ativo = 1 and NomeStatusPedido != 'Não Classificado'

A query no banco de dados deve ficar assim:

select p.Ativo,
        count(p.Codigo) as QuantidadePedido,
        year(p.DataEnvio) as AnoEnvio,
        sp.Nome as NomeStatusPedido
  from pedidos as p
  left join status_pedido as sp on (p.CodigoStatusPedido = sp.Codigo)
  group by sp.Nome, year(p.DataEnvio)
  having Ativo = 1 and NomeStatusPedido != 'Não Classificado' // <-------------------------------- AQUI !
  ;

Excluindo pedidos não classificados e recalculando os percentuais os pedidos ficarão mais ou menos assim: image

studiocuboweb commented 2 years ago

@rdurl0 Corrigi a query e finalizei todos os gráficos. Segue em anexo para validação screencapture-localhost-8080-dados-2022-09-02-12_01_26.pdf

fico no aguardo para agendar um dia/horário de subida destes gráficos para produção (seria legal ter alguém da tb disponível para testar na hora).

blz?

rdurl0 commented 2 years ago

@pauloeducampos , segue nossa lista de ajustes com base no PDF que vc nos mandou:

rdurl0 commented 2 years ago

Essa versão no stage ficou boa para validação, mas ainda temos melhorias para fazer, principalmente no mapa. Seguem ajustes necessários:

No gráfico de linhas: precisa aumentar a fonte do eixo x (mesmo tamanho do eixo y)

O tamanho da fonte está bom mas o eixo X está com enquadramento errado, pois as linhas terminam antes do ano de 2022 - pode checar a posição da linha em relação ao eixo x?

No gráfico de linhas: os rótulos dos dados serão exibidos ao passar o mouse em cima? paulo: está pendente. Ainda não conseguimos colocar os rótulos.

Ficamos no aguardo da introdução dos rótulos também.

Qual é a visualização do mapa que está sendo exibida no PDF? Não dá para ver quais filtros estão aplicados. Era ideal que pudéssemos navegar para ver como os filtros estão funcionando. O mapa e/ou as barras devem exibir as informações que estão aparecendo na caixa de seleção. paulo: Validar

O Mapa ainda está bastante confuso, não está claro qual é a informação que está exibida no mapa, no texto e nas barras. Talvez seja importante validar esses agrupamentos juntos, podemos marcar um horário se quiser (terça ou quarta são bons dias para mim). As caixas de seleção, quando vazias (ex: Nível Federativo = "--"), não devem exibir dado nenhum. Por default podemos manter a caixa de seleção com os valores: Nível Federativo = "Federal", Esfera = "Executivo", Atendimento = "Atendido". E quando os pedidos são da esfera Federal, os dados não podem ser disponibilizados por UF, o ideal é o mapa ficar cinza (sem dados, com aspecto de "desativado").

O que aconteceu com os ícones originais dos cards de "Atendido"/ "Não atendido"/"Parcialmente atendido"? paulo: Validar

OK!

Está sobrando um título "Taxa de atendimento por ano" abaixo do gráfico de linhas paulo: Validar

OK!

Mapa: trocar o título por "Atendimento a pedidos" paulo: Validar

OK!

Precisa alterar o texto de exibição dos dados na lateral esquerda inferior do mapa para "xxxx pedidos foram atendidos/não atendidos/parcialmente atendidos etc." paulo: Validar

OK!

rdurl0 commented 2 years ago

Ainda temos pendentes aqui o enquadramento dos eixos do gráfico de linhas e a implementação dos rótulos/mouseover no mesmo plot.

Sobre o mapa, andei revisando a query e vi que os números batem, mas ainda temos algumas correções, que seguem:

Abaixo um detalhamento dos tópicos, eu melhorei a simulação do dashboard com mais números para ajudar validar os resultados.

Escala de cores:

Texto com resumo dos dados:

Texto com resumo dos dados: Conversando com a Marina, achamos melhor exibir o total de pedidos junto com o texto, por exemplo:

"Brasil< br> 70.245 pedidos< br> foram atendidos,< br> 47,5% do total de pedidos cadastrados< br> para esta seleção (147.783)." [usar vírgula na casa decimal de % e ponto no separador de milhar, <br> é só para demonstrar a quebra de linha]

studiocuboweb commented 2 years ago

Oi Raul,

O que está feito para validação mo stage

  1. Escala de cores
  2. Texto com resumo dos dados Legenda Brasil deve aparecer apenas para Federal: Está corrigido, favor validar
  3. Número total de pedidos
  4. Novo texto para legenda. Não consegui utilizar a sua quebra de texto recomendada com
    . Ficou estranho.

O que está pendente:

  1. Formato dos números (usar vírgula na casa decimal de % e ponto no separador de milhar,
    é só para demonstrar a quebra de linha). Vou precisar alterar em toda a página:
    • card antendido (ponto no separador do milhar)
    • card antendido (procentagem com ,)
    • card não antendido (ponto no separador do milhar)
    • card não antendido (procentagem com ,)
    • card parcialmente antendido (ponto no separador do milhar)
    • card nparcialmente antendido (procentagem com ,)
    • Mapa Atendimento a pedidos: mouseover gráfico de barras (ponto no separador do milhar)
    • Mapa Atendimento a pedidos: número de pedidos (ponto no separador do milhar)
    • Mapa Atendimento a pedidos: % de pedidos (procentagem com ,)
    • Mapa Atendimento a pedidos: total de pedidos para a seleção (ponto no separador do milhar)
    • card Tempo médio da resposta ao pedido inicial (com , vírgula)
    • card Pedidos respondidos em até 20 dias: % de pedidos (procentagem com ,)
    • Gráfico Quanto tempo leva para um pedido ser respondido: tooltip número total de pedidos (ponto no separador do milhar)
  2. Colocar rótulo / tooltip mouseover no gráfico Classificação de atendimento por ano

Dúvida: O que seria enquadramento dos eixos do gráfico de linhas?

Para o tooltip (item 1) eu passei para meu especialista e aproveitei para passar esse formato dos números e % (item 2).

Vamos levar até 10 dias para resolver essas duas pendências.

Fico no aguardo da sua validação

rdurl0 commented 2 years ago

O que seria enquadramento dos eixos do gráfico de linhas

A posição dos valores no eixo-x não bate com a posição dos "pontos" no grafico de linhas image

O correto seria este alinhamento entre eixo-x e pontos aos longo da linha: image

rdurl0 commented 2 years ago

Outro ponto importante é a legenda do mapa, precisa alterar o texto do título e o texto das legendas, conforme imagem (o quadradinho com a cor pode manter o que já está): image

studiocuboweb commented 2 years ago

Blz Raul. Coloquei na fila.

Abraço

Message ID: @.*** com>

studiocuboweb commented 2 years ago

@rdurl0

Seguem os últimos ajustes pendentes que publiquei no stage para você validar:

  1. Formato dos números (usar vírgula na casa decimal de % e ponto no separador de milhar, é só para demonstrar a quebra de linha). Vou precisar alterar em toda a página.
  2. Colocar rótulo / tooltip mouseover no gráfico Classificação de atendimento por ano
  3. Enquadramento dos eixos do gráfico de linhas?
  4. Legenda do mapa

Fico no aguardo do seu retorno. Falta mais alguma coisa?

maiatoji commented 2 years ago

Boa tarde, Paulo

Dois ajustes ainda necessários, por favor:

1) No mouseover do gráfico de linhas, exibir entre parênteses a porcentagem relativa a cada classe, na frente dos valores nominais (exemplo ilustrativo na imagem)

linhasaep

2) No mapa: no filtro "nível federativo", se "Municipal" estiver selecionado e "Judiciário" ou "Ministério Público" forem selecionados no filtro "esfera de poder", o mapa deve ficar em branco (como nos casos federais) e a legenda dinâmica (no canto inferior esquerdo do mapa) deve exibir o texto "Não existe Judiciário Municipal" e "Não existe Ministério Público Municipal", respectivamente.

studiocuboweb commented 2 years ago

Oi @maiatoji os dois itens estão feitos. Favor validar no https://stage.achadosepedidos.org.br/dados

fico no aguardo.

maiatoji commented 2 years ago

Pode colocar em produção por favor, @studiocuboweb.

studiocuboweb commented 2 years ago

@maiatoji está publicado em produção. Favor validar. Posso fechar o issue e ticket?