Visualização de dados
Quando trata-se de visualização de gráficos a pergunta que deve vir a cabeça é: qual o melhor gráfico para responder as perguntas do meu cliente, ou como eu devo apresentar o meu gráfico para que o meu cliente não tenha nenhuma dúvida.


Dentre os diversos tipo de visualização de gráficos, que vão de Comparação de dados à Transição de dados. Nesta breve apresentação estão alguns estudos sobre boas práticas para gráficos em desktop e mobile. Também será abordado sobre os tipos de gráficos existentes no SESUITE.

Comparação de dados

Existem gráficos que são melhores para realizar uma comparação dos valores altos e baixos. Os gráficos de coluna e de barra são os melhores para que o cliente consiga comparar os dados.

Desktop
Para que o usuário consiga visualizar melhor os dados em seu gráfico de coluna, alguma boas práticas devem ser executadas. O rótulo de dados deve vir formatado para que o usuário consiga ler com clareza os dados, ou vir sem o rótulo de dados, dando uma visão mais abstrata, visualizando somente no tooltip. 
Outro item que interfere muito na legibilidade para a leitura deste gráfico, é a legenda que fica em baixo do gráfico, elas não devem ser muito grandes, e o máximo que devem fica é em 2 linhas, após isso deve adicionar reticencias.
Mobile
Atualmente na versão mobile o gráfico de coluna tenta renderizar todas as colunas no card, assim dificultando a leitura do mesmo. Visto que a visualização de dados no mobile se torna mais limitada pelo tamanho da tela, é importante exibir um resumo para que o usuário consiga extrair os dados sem nenhuma dificuldade.
Para o tipo de gráfico coluna não vai mostrar todos os dados de uma só vez para o usuário. Quando o usuário expandir o gráfico de barra vai então aparecer a rolagem para que ele consiga navegar nas informações que antes eram espremidas. Caso o gráfico tenha um eixo de cada lado os dois eixos ficam fixos.
 

Transição de dados

Alguns gráficos são melhores para acompanhar a transição de dados, ou seja, do tipo data. Abaixo segue alguns detalhes sobre o gráfico de linha e de área.

Desktop
Como o gráfico de linha é mais fácil para dados que seguem uma linha do tempo, ela deve seguir quase os mesmo parametros do gráfico de coluna, de preferencia sem rótulo de dados, também deve conter uma grid para fácil compreenção dos seus dados.
Mobile
Tanto na versão desktop, quanto na versão mobile o gráfico de linha não entregava valor ao cliente, quando tinha muitos dados, pois o usuário não conseguia visualizar nenhum dado. O gráfico ficava espremido e também com rótulo de dados grande.

Para melhorar a visualização no mobile, deve seguir o mesmo princípio da versão desktop.

Composição de dados

Para analisar e compreender como um valor de dados divide-se. Alguns gráficos são melhores para obter esse tipo de informação.

Desktop
Para não conter muita informação na versão desktop, vai apresentar no máximo 5 valores e a categoria outros, que seria visualizada quando o gráfico fosse maximizado.
Mobile
Na versão mobile quando tem muitas informações no gráfico de pizza o fusionchart já dá um breve resumida nas informações, mas mesmo assim por contar diversas fatias a pizza acaba diminuindo de tamanho e adicionando muitos itens na legenda.
Para que no mobile as informações não fique totalmente espremidas o gráfico de pizza vai conter somente valores, sendo que vai aprensetar os 3 maiores valores ea categoria outros. Quando o usuário maximizar, de informar um resumo de todas as informarções que estavam na categoria outros.

Tabela