Blog
Gráficos a partir de dados

CSV para gráfico de rosca online

Uma rosca é um gráfico de pizza com o centro recortado. Esse furo não é decoração: ele remove a parte do disco onde as fatias são mais finas e menos informativas, e libera o meio para o número que mais importa — o total.

Seus dados não saem deste dispositivo

Seus dados

Cole uma tabela direto do Excel ou do Planilhas Google, ou solte um arquivo CSV. Nada é enviado: todo o cálculo acontece dentro desta aba do navegador.

CSV, TSV ou texto simples. Arquivos salvos em windows-1251 são detectados e relidos automaticamente, então os cabeçalhos não viram caracteres estranhos.

Opções de leitura

Colunas

Resultado

A biblioteca de desenho é baixada apenas ao pressionar o botão e apenas nesta página.

Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.

Fatos e limites do método

Ideal para Um total dividido em poucas partes, mostrado uma única vez
Limite de fatias Doze; o excedente é agrupado automaticamente numa fatia «Outros»
Quantidade ideal de 2 a 6 fatias
Valores negativos Ignorados — uma parcela de um todo não pode ser negativa
Furo central 58 % do raio, liberando o meio para o total
Ordenação As fatias são ordenadas da maior para a menor, a única ordem que o leitor consegue seguir
Saída PNG em escala 2×, mais CSV e JSON com valores e porcentagens

Quando induz ao erro

Como é calculado

A construção é idêntica à do gráfico de pizza: mesma ordenação, mesmo teto de doze fatias com agrupamento automático em «Outros», mesmo tratamento de valores vazios e negativos. A única diferença é o recorte, fixado em 58 % do raio.

Esses 58 % foram escolhidos para que o anel continue grosso o bastante para carregar cor e fino o bastante para deixar um furo aproveitável. Muito mais fino e as fatias pequenas viram lascas; muito mais grosso e é uma pizza com um ponto no meio.

O total aparece acima do gráfico, não dentro do furo. Texto desenhado dentro de um canvas não pode ser selecionado, traduzido nem lido por leitor de tela, então ele vive na página: o furo continua vazio e o número continua útil.

As porcentagens da exportação são calculadas sobre a soma das fatias desenhadas, que após o agrupamento continua sendo o total completo: a fatia «Outros» carrega a soma de tudo que foi fundido nela.

Perguntas e respostas

A rosca é melhor ou pior que a pizza?

Praticamente equivalente. O furo deixa o gráfico um pouco mais compacto e dá onde colocar o total. Nenhuma das duas é tão precisa quanto um gráfico de barras quando é preciso comparar partes com exatidão.

Posso colocar texto no meio?

No canvas não, deliberadamente. Texto desenhado dentro da imagem de um gráfico não pode ser copiado, traduzido nem lido em voz alta por tecnologia assistiva. O total é impresso acima do gráfico, onde continua sendo texto de verdade.

Quantas fatias antes de parar de funcionar?

As mesmas doze da pizza, e até isso é generoso. Entre duas e seis é onde o formato realmente comunica.

Por que minha menor categoria não aparece?

Ou ela era zero ou vazia e foi ignorada, ou foi agrupada em «Outros» junto com o resto da cauda. A nota sob o gráfico informa qual dos dois.

Alguma coisa é enviada?

Não. A página não tem lado servidor nenhum.

A ferramenta inversa

Precisa do contrário? CSV para gráfico de pizza Um total dividido em poucas partes

Ferramentas relacionadas

Todas as ferramentas