Um gráfico estatístico (estatística) é uma ótima maneira de exibir um ponto de dados simples , como uma porcentagem ou um valor numérico, combinando esse número e uma representação visual como uma série de ícones ou gráficos simples como um donut, meio donut ou barra de progresso .
A Venngage facilita a adição de gráficos estatísticos acessíveis ao seu design!
Adicione um gráfico de estatísticas à tela de design
Crie um modelo acessível no Editor atualizado.
Selecione ou clique em Gráficos na barra lateral esquerda. Sob o título " Stat ", escolha um tipo de gráfico: donut , half-donut , barra de progresso ou ícone stat. Clique no gráfico para adicioná-lo à tela.
Personalize a aparência do gráfico
Os gráficos de estatísticas de ícones podem ser personalizados para se adequarem à sua marca ou tema de design, com ferramentas de cor, fonte, espaçamento e ícone.
Use a ferramenta de seleção para redimensionar e reposicionar o gráfico de estatísticas em sua tela, com os controles da caixa delimitadora.
Valor
Altere o valor do gráfico de estatísticas e como o gráfico ou os ícones são exibidos. Selecione o valor numérico (a porcentagem) no gráfico de estatísticas. Digite a porcentagem desejada no campo " Valor " na barra de ferramentas superior.
Total de Itens
Altere o número de ícones que aparecem em um gráfico de estatísticas de ícones para representar o valor. Por exemplo, você pode exibir o valor "75%" com 4 ícones totais ou 50, alterando a escala do gráfico.
Espaçamento, Arredondamento de Canto, Altura da Barra, Buraco do Donut
Diferentes gráficos têm diferentes opções de personalização.
Altere a disposição das linhas e colunas em um gráfico de estatísticas de ícones simplesmente redimensionando-o. A quantidade de ícones que aparecem em uma linha ou coluna dependerá do tamanho do gráfico, bem como do tamanho dos ícones, sem alterar seu Value ou Total Items.
Selecione um gráfico de barra de progresso e use o controle deslizante para calibrar o espaçamento vertical entre a barra e o texto do número.
Altere o arredondamento dos cantos para reto ou arredondado usando o controle deslizante nos gráficos de rosca , meia rosca e barra de progresso .
O tamanho do orifício do anel determina a largura do gráfico de anel ou meio anel conforme aparece no gráfico de estatísticas. Use o controle deslizante para aumentar ou diminuir a largura.
Use a ferramenta " Altura da barra " para aumentar ou diminuir a largura da barra em gráficos de barra de progresso da mesma maneira.
Alterar tipo de gráfico
Mude facilmente o tipo de gráfico na barra de ferramentas superior.
Selecione o gráfico. Clique ou selecione o menu Tipo de gráfico na barra de ferramentas superior; selecione um tipo de gráfico diferente no menu suspenso. O tipo de gráfico será atualizado na tela de design.
Edite a cor, o texto ou o ícone do gráfico
Cor
Altere a cor dos ícones ou do texto que aparece no gráfico de estatísticas clicando (ou Tab-Barra de espaço para selecionar) nessa parte do gráfico.
As cores de preenchimento são as cores no gráfico ou nos ícones do gráfico. A cor de preenchimento 1 sempre representa a porcentagem de valor do gráfico .
Clique em Cor de preenchimento ou Cor da fonte para abrir o widget Ferramenta de cores. Selecione as cores do projeto ou do kit de marca clicando nos círculos de amostra de cores abaixo ou use o seletor de cores na parte inferior do widget para selecionar uma cor personalizada.
A parte inferior do widget indicará se suas opções de cores atendem aos padrões de contraste .
Fonte
Clique na porcentagem de valor do gráfico (ou use Tab-Barra de espaço para selecionar) como aparece, dependendo do tipo de gráfico.
Use a barra de ferramentas superior para personalizar a aparência do texto:
- Clique ou selecione Cor da fonte para abrir o widget Ferramenta de cores e altere a cor do texto, independentemente do restante do gráfico
- Clique ou selecione Família de fonte para abrir o menu suspenso e selecione uma face de fonte diferente
- Use os botões + e - ou digite o tamanho da fonte no campo Tamanho do texto para alterá-lo ( NOTA : No momento, o tamanho do texto é personalizável apenas nos gráficos Progresso e Estatísticas de ícones ; o tamanho do texto nos gráficos Donut e Half-donut mudará proporcionalmente ao redimensionar o gráfico usando a caixa delimitadora).
- Estilize a fonte com Negrito , Itálico e Sublinhado
Ícones
Altere o ícone em um gráfico de estatísticas de ícones trocando-o por qualquer ícone monocromático em nossa galeria.
Clique duas vezes nos ícones no Icon Stat Chart na tela de design ou selecione o Icon Stat Chart e clique em " Replace " na barra de ferramentas superior para abrir o painel Icon Replace na barra lateral esquerda.
Clique em um pacote de ícones para navegar pelas miniaturas dos ícones ou insira um termo de pesquisa específico na barra de pesquisa superior. Selecione um ícone da galeria e ele mudará no gráfico na tela.
Adicionar texto alternativo ao seu gráfico
Descreva gráficos estatísticos que aparecem em sua tela de design para usuários com deficiência visual ou leitores com outras necessidades de acessibilidade .
Selecione o gráfico . Clique em " Alt Text " na barra de ferramentas superior; adicione seu texto descritivo. Uma descrição simples, para que o usuário saiba como o gráfico aparece e a estatística que ele representa, é perfeita. aqui estão alguns exemplos:
- Um gráfico de ícones estatísticos, com o valor '63%' e uma grade de 9 linhas e 6 colunas de ícones representando limites de diploma. Começando no canto superior esquerdo e continuando da esquerda para a direita e para baixo, 63% dos ícones são verdes. Os 37% restantes dos ícones, continuando da metade até a penúltima linha, são vermelhos.
- Um gráfico estatístico de meia rosca com o valor de 55%. A primeira parte da meia rosquinha é roxa escura, representando 55%; o restante do donut é roxo claro.
- Um gráfico de barra de progresso estatístico com o valor de 90%, onde a porcentagem é escrita em letras marrons grandes e escuras. Abaixo dele, o gráfico de barras é quase todo vermelho; a extremidade esquerda da barra é rosa pálido.