Criador de gráfico de pizza

O que um gráfico de pizza mostra

Um gráfico de pizza converte cada valor positivo em um ângulo dentro de um círculo de 360°. Se uma categoria tem valor v e a soma de todos os valores exibidos é T, seu ângulo central é 360 × v / T e o percentual exibido é 100 × v / T. O gráfico de rosca usa as mesmas proporções, mas retira o centro; a comparação subjacente não muda.

Neste exemplo, o total é 100. Portanto, Produtos ocupa 45 / 100 × 360 = 162°. A ferramenta aceita valores iguais a zero, mas não os desenha no círculo porque eles não têm área. Valores negativos, ausentes e não finitos são rejeitados, pois não representam partes comuns de um todo. Pelo menos um valor deve ser maior que zero.

Quando usar outro gráfico

Gráficos de pizza são mais fáceis de ler quando há poucas fatias com diferenças claras. Um gráfico de barras costuma ser melhor quando os valores são próximos, há muitas categorias, comparações precisas são importantes ou as categorias não formam partes de um único total. Para mostrar mudanças ao longo do tempo, prefira um gráfico de linhas. Não some percentuais que se sobrepõem ou contam os mesmos dados duas vezes: um círculo bem desenhado não corrige um total inválido.

Cor, rótulos e acessibilidade

A cor não deve ser a única forma de transmitir significado. Mantenha a legenda ou os rótulos visíveis nas fatias, confira a tabela complementar e use a paleta adequada para daltonismo quando o gráfico for compartilhado amplamente. Fatias muito pequenas podem não ter espaço para texto dentro do círculo, mas o rótulo, o valor e o percentual exatos continuam disponíveis na legenda e na tabela de dados. O SVG é útil para edição e impressão nítida. O PNG é uma imagem fixa de 1200 × 800 adequada para slides, documentos e redes sociais.

O gráfico é gerado com as APIs SVG e Canvas do navegador. Nenhum dado é enviado a um serviço externo de gráficos. O progresso entre as etapas fica temporariamente no armazenamento de sessão desta aba e pode ser apagado ao recomeçar ou fechar a aba.

Para saber mais, consulte as orientações do Datawrapper sobre criar gráficos de pizza com poucas partes, o tutorial do W3C sobre tabelas de dados acessíveis e a referência do MDN para descrever imagens SVG com <desc>.