Como transformar registros CSV ou JSON em um gráfico

Cole os registros ou escolha um arquivo .csv / .json, selecione uma coluna de rótulos e uma ou mais séries numéricas e clique em «Gerar gráfico». Gráficos de linha, barras, área, pizza e dispersão são desenhados neste navegador e saem como arquivo SVG ou PNG.

O gráfico cobre as primeiras 80 linhas da tabela (12 na pizza) e a linha de métricas mostra «No gráfico» ao lado do total de linhas quando algumas ficam de fora. São lidas até 1.000 linhas, então as porcentagens e os rótulos dos eixos sempre descrevem o que foi realmente desenhado.

  1. Cole os registros no campo ou escolha um arquivo CSV / JSON. O separador é detectado na primeira linha (vírgula, ponto e vírgula ou tabulação), a menos que você escolha um; o JSON precisa ser um array de objetos ou um objeto com um array «data». O limite é de 10 MB tanto para o arquivo quanto para o texto colado.
  2. Clique em «Pré-visualizar» (o arquivo escolhido é analisado ao carregar). A linha de status informa linhas e colunas; um cabeçalho sem nome recebe um nome numerado e um cabeçalho repetido recebe o sufixo «(2)», de modo que nenhuma coluna é perdida.
  3. Escolha o tipo de gráfico, a coluna de rótulo / X e as séries numéricas. São listadas as colunas com pelo menos 75 % de valores numéricos, as duas mais preenchidas vêm pré-selecionadas e, se a coluna X tiver números, ela é usada como eixo X na dispersão.
  4. Clique em «Gerar gráfico». As métricas mostram as linhas, as séries e, quando o gráfico é limitado, quantas linhas foram plotadas. Ao mudar o tipo, o rótulo ou as séries, o gráfico é redesenhado na hora.
  5. Exporte o gráfico em SVG (vetorial, editável) ou PNG (1520 x 800, desenhado em um canvas local), ou clique em Clear para limpar os dados, o gráfico, as métricas e o delimitador.

O que o analisador aceita, o que os eixos mostram e o que as exportações contêm

O que é lido do arquivo

O CSV é analisado com campos entre aspas, então um separador ou uma quebra de linha dentro de «aspas» continua fazendo parte do valor, e fins de linha \r\n e \r são aceitos. A detecção automática conta os separadores candidatos na primeira linha; se o arquivo tiver uma única coluna, ou a primeira linha não tiver separador, escolha Vírgula, Ponto e vírgula ou Tabulação manualmente.

O JSON é lido como array de objetos, ou como um objeto cuja propriedade «data» seja esse array; qualquer outra forma é recusada com a mesma mensagem de um CSV quebrado. A leitura para em 1.000 linhas e o status passa a dizer «as primeiras 1.000 de N linhas» em vez de sugerir que o arquivo tinha esse tamanho. Um texto colado com mais de 10 MB é recusado como um arquivo desse tamanho.

O que o gráfico mostra

Uma coluna é oferecida como série quando pelo menos três quartos das células preenchidas são números; células vazias e texto viram lacunas, não zero: a linha é cortada em segmentos e a barra é omitida. A seleção padrão prefere as colunas preenchidas em pelo menos 75 % das linhas, então uma coluna esparsa não entra no gráfico por acidente.

Gráficos cartesianos fixam a base do eixo no zero quando os dados são positivos; valores negativos levam o eixo abaixo de zero e o gráfico de barras as desenha para baixo a partir da linha do zero, em vez de reduzi-las a um pixel. As marcas seguem um passo 1 / 2 / 5 com a precisão que o dado pede (0,0002 … 0,0006 numa escala de milímetros; 500M / 1B / 1,5B numa escala grande), então nenhum rótulo fica cortado pela margem.

Linhas, fatias e exportações

O gráfico de pizza usa uma série — a primeira selecionada — e o status avisa quando há várias marcadas. As linhas além da décima segunda fatia são somadas numa fatia «Outras linhas», então as porcentagens continuam descrevendo a tabela inteira e não só a parte visível. A dispersão posiciona os pontos pelo valor quando a coluna X é numérica e pela posição quando ela traz rótulos.

Um gráfico que não corresponde mais ao campo é descartado: editar os dados, carregar outro arquivo ou falhar na análise esvazia o gráfico e desativa os botões de exportação até você clicar em Gerar de novo. O SVG é um arquivo independente de 760 x 400; o PNG é desenhado no dobro desse tamanho num canvas desta aba, então nenhuma exportação precisa de servidor.

Ferramentas recentes: