lappis-unb / PromovaCultura

Plataforma Promova Cultura para divulgação do panorama cultural brasileiro

https://lappis-unb.github.io/PromovaCultura/

GNU General Public License v3.0

5 stars 0 forks source link

Redefinir cores da visualização do mapa de valor captado #227

Closed joaaogui closed 5 years ago

joaaogui commented 5 years ago

Tarefas

[x] Aplicar cores do mapa de calor na lista, (Nova paleta : issue #161 ) Usar o verde já definido para criar nova paleta de cores para o mapa de calor
[x] Definir legenda para as cores (Mobile)

Critérios de aceitação

[x] Todas as cores do mapa seguem as recomendações de acessibilidade da issue #161

AniaGomes commented 5 years ago

Hexadecimais:

6BBF6B

3AA63A

297C29

205B20

173F17

102D10

joaaogui commented 5 years ago

As cores já foram implementadas no código (para o mapa e a legenda)

AniaGomes commented 5 years ago

O verde mais claro #6BBF6B está com o contraste de 2.3 (com o branco), sendo que para texto é longe do contraste ideal porém, como o texto que está sendo exibido são apenas duas letras, acredito que ele não se comporte como texto corrido. Por isso, acho que o contraste mínimo seria maior do que o para texto, que é 4.5, e se aproximaria mais do contraste para elementos gráficos variados.

Tivemos o problema de não poder aumentar o brilho do verde mais claro e nem diminuir o do verde mais escuro, por conta dos problemas de contraste, e por isso a variação não ficou tão clara. Sugiro diminuir a escala de graduação de cores, desde que faça sentido porém acredito que caiba uma discussão maior sobre o assunto.

AniaGomes commented 5 years ago

Sugestão:

75CC75

3AA53A

1F661F

1A3D1A

0B230B

rodmaia commented 5 years ago

Podemos trocar a cor do texto para os verdes mais claros. Alterar a escala só por causa do problema de contraste seria uma inversão de prioridades.

Também precisamos fazer esses testes em uma escala real. As siglas nas pastilhas acima estão bem maiores do que aparecem no mapa de fato.

AniaGomes commented 5 years ago

Fizemos o teste no mapa real para vermos justamente isso. Falei com o João sobre o porquê de serem 6 graduações de cores e ele disse que foi por um estudo relacionado ao número de projetos. Hoje em dia o mapa não aborda mais esse tema então essa escolha não faz mais sentido. Por isso sugeri a troca

guilacerda commented 5 years ago

@AniaGomes será que teria como planejar um mockup de como ficaria as legendas para as cores no mobile, por favor? É a segunda task da issue.

guilacerda commented 5 years ago

Cores do mapa de heatmap:

Foi identificado que o valor dos intervalos estava maquiando os dados, como por exemplo Roraima (147 mil de valor captado) e Pará (88 milhões de valor captado) estavam com as mesmas cores definidas na legenda.
Os valores de cada intervalo foi mudado para ter uma representatividade melhor no mapa de calor, e conseguir identificar mais facilmente a diferença entre os estados.

FranciscoSMM commented 5 years ago

legendas_mobile imagem com o mockup das legendas para mobile.

LeoSilvaGomes-zz commented 5 years ago

Cores do Hover e Selected state

Foi mudada a cor do Hover ( # 99cc33)
Foi retirada a opção de selecionar o estado e permanecer a cor do estado selecionado. Pull request # 247

AniaGomes commented 5 years ago