Blog
Gráficos a partir de dados

CSV para gráfico de inclinação online

Um gráfico de inclinação compara exatamente dois momentos e nada entre eles. Cada categoria vira uma única linha ligando o valor antigo ao novo, então a imagem é um feixe de direções: o que subiu, o que caiu e quais mudanças foram íngremes o bastante para importar.

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 Comparar dois períodos em muitas categorias de uma vez
Colunas usadas A primeira e a última coluna numérica; o que está entre elas é ignorado
Regra de cor Verde se o valor subiu, vermelho se caiu, cinza se não mudou
Legenda Exibida até 12 categorias; acima disso os rótulos sufocariam o gráfico
Limite de categorias Cerca de 20 — passando disso as linhas se embaraçam no meio
Conteúdo da exportação Os dois valores, a variação absoluta e a percentual por linha

Quando induz ao erro

Como é calculado

Cada linha da tabela vira uma linha com exatamente dois pontos: seu valor na primeira coluna numérica e seu valor na última. Colunas intermediárias são ignoradas de propósito — se quiser desenhá-las, a página certa é o gráfico de múltiplas linhas.

As linhas são coloridas pela direção e não pela categoria: verde para alta, vermelho para queda, cinza quando os dois valores são iguais. É o único lugar da seção em que a cor codifica significado em vez de identidade, porque com vinte linhas uma paleta categórica seria indecifrável de qualquer jeito.

O eixo horizontal tem exatamente duas posições, rotuladas com os nomes das duas colunas. Não há eixo no meio porque não há dados no meio, e desenhar grade intermediária sugeriria o contrário.

A exportação traz quatro números por linha: o valor inicial, o final, a variação absoluta e a percentual. Essa última coluna é justamente o que as pessoas procuram depois de ver as inclinações, e lê-la de uma imagem é impossível.

Perguntas e respostas

Quais colunas ele usa se minha tabela tem quatro?

A primeira e a última coluna numérica. As do meio são ignoradas de propósito: um gráfico de inclinação é por definição uma comparação de dois pontos. Reordene suas colunas se precisar de outro par.

Por que as linhas são verdes e vermelhas em vez de por categoria?

Porque com mais de um punhado de categorias uma legenda de cor por categoria fica ilegível. Aqui a mensagem é a direção, então a cor carrega a direção e os rótulos carregam a identidade.

Minhas linhas se embaraçam no meio.

Isso acontece quando muitas categorias têm valores parecidos. Um gráfico de barras com as variações, ordenado da maior alta à maior queda, comunica o mesmo sem o nó.

Posso mostrar três períodos?

Não como gráfico de inclinação — ele é definido por ter dois. Para três ou mais use o gráfico de múltiplas linhas, onde os pontos intermediários são reais e não implícitos.

Meus dados são enviados para algum lugar?

Não. Tudo, inclusive as variações percentuais da exportação, é calculado dentro do seu navegador.

Ferramentas relacionadas

Todas as ferramentas