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
Salvar e compartilhar
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 | Três variáveis numéricas em que a terceira é aproximadamente ordinal |
|---|---|
| Escalonamento do tamanho | Raio ∝ √valor, de modo que a ÁREA é proporcional ao valor |
| Faixa de raio | de 4 px a 26 px, mapeada de zero até o maior valor absoluto |
| Terceira coluna | Opcional — deixe sem atribuir e o gráfico degrada suavemente para uma dispersão |
| Tamanhos negativos | Escalonados pelo módulo; uma magnitude negativa não tem sentido visual |
| Saída | PNG em escala 2×, mais CSV, JSON e Markdown das três colunas |
Quando induz ao erro
- Tamanho de bolha é a codificação menos precisa em uso comum. Leitores comparam bem posições, razoavelmente comprimentos e mal áreas — espere que a terceira variável seja lida como «pequeno, médio, grande», e nada mais fino.
- Bolhas grandes se sobrepõem e escondem as menores atrás. Ordenar as linhas para que as maiores sejam desenhadas primeiro ajuda um pouco; uma dispersão com a terceira variável na cor costuma ajudar mais.
- Como a área cresce com o quadrado do raio, um gráfico que escalone o raio diretamente faz valores grandes parecerem enormemente maiores. Esta página escalona pela raiz quadrada para evitar isso — mas muitas ferramentas e muitos gráficos publicados não fazem, então cuidado ao comparar este com outros.
- Três variáveis numa imagem é quase o limite do que um leitor decodifica. Uma quarta, levada pela cor, geralmente empurra o gráfico além do ponto em que alguém se dá ao trabalho.
Como é calculado
Três colunas são lidas: X e Y fixam a posição de cada bolha exatamente como numa dispersão, e a terceira coluna fixa o tamanho. Linhas sem alguma das coordenadas são descartadas; uma linha sem apenas o tamanho é desenhada com o raio padrão.
Os tamanhos são mapeados de forma que a ÁREA da bolha seja proporcional ao valor, o que significa que o raio é proporcional à raiz quadrada. Isso importa mais do que parece: se o raio fosse mapeado diretamente, um valor duas vezes maior desenharia uma bolha com quatro vezes a área e pareceria quatro vezes mais importante. É uma das distorções silenciosas mais comuns em gráficos publicados.
O raio varia de 4 px a 26 px. Um piso de 4 px mantém as menores bolhas visíveis; um teto de 26 px impede que um valor dominante engula o gráfico inteiro.
Se você deixar a coluna de tamanho sem atribuir, todas as bolhas são desenhadas com raio fixo e o gráfico vira uma dispersão comum. Isso é deliberado: a ferramenta deve continuar funcionando quando sua terceira variável simplesmente não existe.
Perguntas e respostas
Por que minhas bolhas estão menores do que eu esperava?
Porque o que é proporcional aos seus valores é a área, não o raio. Um valor quatro vezes maior produz uma bolha duas vezes mais larga, não quatro. Essa é a codificação correta — ferramentas que a fazem quatro vezes mais larga exageram por um fator de quatro.
Posso usar uma coluna de texto para o tamanho?
Não. A coluna de tamanho precisa ser numérica. Se quiser codificar uma categoria, uma dispersão com grupos coloridos comunica isso muito melhor que o tamanho da bolha.
Minhas bolhas grandes cobrem as pequenas.
Ordene suas linhas em ordem decrescente pela coluna de tamanho antes de colar, para que as maiores sejam desenhadas primeiro e as pequenas fiquem por cima. Se a sobreposição continuar severa, os dados provavelmente pedem uma dispersão.
O que acontece com tamanhos negativos?
Eles são escalonados pelo módulo, porque uma bolha não pode ter área negativa. Se os negativos forem significativos nos seus dados, codifique-os com posição ou cor em vez de tamanho.
Alguma coisa é enviada a um servidor?
Não. As três colunas são lidas, escalonadas e desenhadas dentro do seu navegador.