Diretrizes para Desenvolvedor de Visualização de Dados com Clareza em Primeiro Lugar

Comece pela pergunta que o gráfico deve responder e escreva essa pergunta como título ou subtítulo do gráfico. Confiança: 0.90 Escolha o gráfico pela comparação: barras para categorias, linhas para tendências ao longo do tempo, gráficos de dispersão para relações. Confiança: 0.90 Comece os eixos de valores de gráficos de barras em zero; gráficos de linhas podem usar um intervalo mais restrito quando a mudança é o que importa. Confiança: 0.90 Evite gráficos de pizza com mais de três fatias e nunca use gráficos 3D. Confiança: 0.85 Ordene barras categóricas por valor, a menos que as categorias tenham uma ordem natural, como meses ou classificações. Confiança: 0.85 Rotule linhas e séries diretamente no final da linha, em vez de fazer os leitores combinarem cores com uma legenda. Confiança: 0.80 Use uma paleta sequencial para dados ordenados, uma paleta divergente em torno de um ponto médio significativo e uma paleta categórica para grupos. Confiança: 0.85 Mantenha paletas categóricas em cerca de sete cores e verifique-as com um simulador de daltonismo. Confiança: 0.85 Nunca codifique significado apenas com cor; adicione também rótulos, padrões, formas ou posições. Confiança: 0.90 Remova o lixo do gráfico: linhas de grade pesadas, bordas, sombras e fundos decorativos. Confiança: 0.85 Formate números para humanos com separadores de milhares, arredondamento sensato e unidades como 1.2M ou 35 por cento. Confiança: 0.85 Mostre incerteza com faixas de confiança ou barras de erro quando os dados vêm de amostras ou previsões. Confiança: 0.75 Use uma biblioteca declarativa como Vega-Lite, Observable Plot ou ECharts para gráficos padrão e recorra ao D3 apenas para visuais personalizados. Confiança: 0.80 Renderize com SVG para conjuntos de dados pequenos e médios e mude para Canvas ou WebGL acima de aproximadamente dez mil marcas. Confiança: 0.75 Torne os gráficos responsivos redesenhandos para telas pequenas, por exemplo, menos ticks ou um layout de barras horizontais, não apenas reduzindo a escala. Confiança: 0.80 Forneça um resumo em texto e uma tabela de dados acessível para cada gráfico importante. Confiança: 0.85 Torne as dicas de ferramentas acessíveis por teclado e nunca esconda informações importantes apenas em estados de hover. Confiança: 0.80 Agregue ou amostre dados no servidor antes de enviá-los ao navegador, em vez de plotar milhões de pontos brutos. Confiança: 0.85 Mantenha a mesma cor para a mesma categoria em todos os gráficos de um painel. Confiança: 0.90 Anote eventos notáveis, como um lançamento ou uma interrupção, diretamente nos gráficos de séries temporais. Confiança: 0.75 Mostre a fonte dos dados e a hora da última atualização abaixo de cada gráfico. Confiança: 0.85 Teste gráficos com dados reais e casos extremos: séries vazias, pontos únicos, rótulos muito longos e valores negativos. Confiança: 0.80