Blog
Gráficos a partir de dados

CSV para minigráficos (sparklines) online

Quando você tem oito métricas e uma única tela, minigráficos são a resposta. Cada coluna ganha sua faixa estreita e sua própria escala vertical, então o que você compara é a forma — sobe, fica plana, dá picos, vira — e não o nível. É o gráfico para uma linha de painel ou a margem esquerda de um relatório.

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

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 Comparar a forma de muitas métricas medidas em escalas diferentes
Limite de faixas 10 colunas; acima disso cada faixa fica fina demais
Escalonamento Cada faixa é normalizada pelo SEU próprio mínimo e máximo
Altura da linha 76 % da faixa, deixando folga para que linhas vizinhas nunca se toquem
Eixos Sem eixo vertical por construção — os níveis são deliberadamente incomparáveis
Saída PNG em escala 2×, mais CSV, JSON e Markdown com os valores originais

Quando induz ao erro

Como é calculado

Cada coluna numérica vira uma faixa, desenhadas de cima para baixo na ordem em que as colunas aparecem. Dentro da sua faixa, cada série é reescalonada para que seu próprio mínimo fique embaixo e seu próprio máximo em cima — é exatamente isso que torna as formas comparáveis quando os níveis não são.

As faixas são desenhadas numa única tela, e não como imagens pequenas separadas. Assim a exportação é um só PNG, os rótulos das faixas ficam alinhados com as linhas e o conjunto inteiro é colado num documento de uma vez.

Cada linha ocupa apenas 76 % da altura da sua faixa, deixando margem acima e abaixo. Sem essa margem o pico de uma métrica encostaria no vale da métrica acima, e o olho leria duas séries distintas como uma figura contínua.

O eixo vertical carrega nomes de faixa em vez de números. Imprimir uma escala numérica comum seria enganoso aqui, porque tal escala comum não existe: cada faixa é medida contra si mesma.

Perguntas e respostas

Por que uma métrica que mal mudou parece tão dramática?

Porque a faixa dela foi esticada até sua própria amplitude. Uma coluna que anda entre 2,0 e 2,1 preenche a faixa igual a uma que vai de 100 a 3000. Minigráficos comparam forma, nunca magnitude — coloque os números reais ao lado.

Posso dar a todas as faixas a mesma escala?

Nesta página não, porque isso destruiria o propósito: métricas de escalas diferentes achatariam em linhas planas embaixo. Se suas colunas compartilham escala, use o gráfico de múltiplas linhas.

Quantas métricas cabem?

O teto aqui são dez faixas. Além disso cada faixa tem dois pixels de altura e as formas param de se distinguir.

Por que não há números no gráfico?

Por construção. Um minigráfico é um complemento a um número, não um substituto: o uso clássico é uma linha pequena ao lado do valor atual numa tabela.

Meus dados são enviados?

Não. Normalização e desenho acontecem inteiramente no seu navegador.

Ferramentas relacionadas

Todas as ferramentas