# Visualização de dados

Gráficos, indicadores e a moldura que os acompanha nos painéis dos produtos do ITpS.

Gráficos têm regras próprias: o tipo certo para cada pergunta, cores que funcionam em série, contraste para linhas e barras, alternativa em texto e números em português. Esta seção reúne essas regras. A paleta de gráficos e os exemplos de código entram em seguida, a partir dos componentes de gráfico do Figma.

## Princípios

[

### Escolher o gráfico

Que gráfico responde a cada pergunta, biblioteca por stack e moldura

](/visualizacao-de-dados/escolher-o-grafico)[

### Acessibilidade e números

Contraste, cor, alternativa em texto e números em pt-BR

](/visualizacao-de-dados/acessibilidade)