abox.tools

Idioma: Português

Como fazer um gráfico de comparação de alturas

Dois números não dizem como é uma diferença de quinze centímetros. Uma imagem diz, em cerca de um segundo, e é exatamente para isso que esses gráficos existem. Aqui está como fazer um que, além de convincente, esteja certo.

Abrir Comparador de alturas Digite as alturas, leve a imagem. Nada é enviado para desenhá-la.

Ver como Markdown

A resposta curta

Abra o Comparador de alturas. Já tem duas pessoas nele; digite as suas alturas por cima das delas — 178 ou 5'10", do jeito que você escreve —, acrescente uma porta pelo menu para ter algo familiar na imagem, e baixe o PNG.

É quase tudo. O resto desta página são as quatro decisões que fazem a diferença entre um gráfico convincente e um que também está certo: como as alturas são lidas, que figura vai com que pessoa, o que pôr no gráfico além de pessoas, e o que “compartilhe este gráfico com um link” custa caladinho.

Por que um gráfico ganha de dois números

“Ele tem 178 e ela 165” é uma frase que quase ninguém consegue imaginar. Treze centímetros são a largura de uma mão, e se isso soa como “mais ou menos igual” ou como “bem mais alto” depende inteiramente do que você põe ao lado. Um gráfico responde isso desenhando os dois na mesma régua, no mesmo chão, na mesma escala — coisa que uma frase não consegue fazer por mais bem escrita que seja.

É também o motivo de esses gráficos aparecerem em discussões: sobre atores, sobre personagens, sobre se o sofá novo vai caber mesmo embaixo da janela. Em todos esses casos a imagem é o argumento, então a imagem precisa estar certa.

Quatro linhas de um gráfico de alturas: um menu de figura, um nome, uma caixa de altura com a leitura embaixo, e uma amostra de cor em cada uma.
Uma linha por pessoa. A linha embaixo de cada caixa de altura é a leitura — o que a ferramenta entendeu, nos dois sistemas — então uma leitura errada aparece antes de ser desenhada.

Decisão um: como você escreve as alturas

Digite do jeito que você normalmente escreve. Todas estas são lidas corretamente, em qualquer linha, em qualquer mistura:

Duas delas são de fato ambíguas e se resolvem por uma regra, não por sorte. Um número sozinho é centímetros quando o gráfico é métrico e polegadas quando é imperial. Um número sozinho abaixo de três é metros, porque 1,73 cm não é uma altura que alguém digite.

Você nunca precisa lembrar de nenhuma das duas, porque a linha embaixo da caixa mostra o que foi entendido nos dois sistemas. Se ela diz Lido como 173 cm (5 ft 8 in), a imagem está prestes a sair certa. Essa linha é a coisa mais útil da página inteira, e o motivo de dar uma olhada nela toda vez que você cola um número vindo de outro lugar.

Uma coisa é recusada em vez de adivinhada: 5'14". Catorze polegadas são um pé e duas, então alguém não levou o doze, e uma ferramenta que caladinha transformasse isso em 6'2" estaria desenhando uma pessoa que ninguém descreveu.

Decisão dois: que figura vai com que pessoa

Esta é a decisão que a maioria pula e a que mais faz diferença. Uma pessoa pequena não é uma pessoa grande reduzida. As proporções do corpo mudam com a idade, e a cabeça é onde elas mais mudam:

Então a cabeça de uma criança é uma fatia bem maior da criança do que a de um adulto é do adulto. Um gráfico que desenha uma única silhueta em quatro tamanhos erra isso em todas as linhas menos uma, e o resultado fica sutilmente estranho de um jeito que quase ninguém sabe nomear e todo mundo percebe: as figuras pequenas parecem adultos minúsculos em vez de crianças.

Então escolha a figura que corresponde à pessoa. Menino e Menina são desenhos de crianças de verdade, não adultos diminuídos, e é essa a razão inteira de um gráfico de família feito aqui parecer uma família.

As quatro figuras são desenhos de outras pessoas em domínio público. Não encontramos desenhos de bebês ou crianças pequenas que cumprissem os requisitos de licença e desenho. Para uma criança menor, ajuste uma figura incluída à altura medida ou adicione uma imagem própria adequada; a régua mostra a medida.

Decisão três: ponha algo familiar

Um gráfico de três pessoas diz como elas se comparam entre si. Um gráfico de três pessoas e uma porta diz que altura elas têm. Isso é outra coisa, muito mais útil, e custa uma linha.

O menu tem vinte para começar, em quatro grupos: portas e janelas, um quadro de sala de aula e o resto de um escritório, coisas que você encontra na rua — uma máquina de venda automática, uma lixeira com rodas, uma cesta de basquete, um contêiner marítimo de 20 ft — e os móveis de casa. Alguns são normas de verdade: um contêiner tem 259 cm de altura por definição, um aro de basquete fica a 305, uma porta interna americana é 203 por 81. O resto são medidas típicas em vez de fixas, porque portas, janelas e bancadas variam de país para país e de casa para casa, e cada uma chega como uma linha comum que você pode medir e sobrescrever. Um objeto tem largura além de altura, então uma porta é 203 por 81 e não uma faixa.

A maioria chega desenhada, e não como um bloco liso — uma porta com maçaneta, uma geladeira com o freezer em cima, um sofá que dá para ver que é um sofá. O desenho é ajustado aos dois números da linha, então os números continuam decidindo o tamanho e digitar os seus por cima continua funcionando. Três não têm desenho e chegam como um retângulo: a cesta de basquete, o contêiner marítimo e a bancada de cozinha.

Se o gráfico é sobre um móvel em vez de uma pessoa, essa é a ferramenta inteira: um objeto nas medidas reais, uma pessoa na altura real, e a pergunta se responde sozinha.

E quando nada no menu é a coisa que você quer dizer, Sua própria imagem pega um desenho ou uma fotografia do seu computador e põe na régua — um produto, um veículo, um prédio, ou uma foto da coisa em si.

Um SVG é desenhado numa única cor chapada, como tudo o mais no gráfico, então um desenho feito de contornos finos em vez de formas preenchidas chega como um borrão. Só as formas dele são mantidas: o arquivo é reconstruído a partir dos traçados e círculos, e um script, uma folha de estilo, uma fonte ou uma imagem vinculada fica para trás. Uma foto ou um PNG, por sua vez, entra do jeito que é e mantém as próprias cores — redesenhada aqui primeiro, o que limita o que ela acrescenta ao gráfico e deixa para trás os metadados do arquivo. A transparência é mantida, então um recorte fica limpo em pé e uma foto traz o fundo junto.

Nenhum dos dois arquivos vai a lugar nenhum. Já o gráfico que você baixa vai, e ele não deveria carregar o endereço do servidor de ninguém — é por isso que o que acaba nele são formas e pixels, nunca um link.

Um gráfico de comparação de alturas pronto: dois adultos, um menino e uma menina ao lado de uma porta, sobre uma régua marcada a cada vinte centímetros.
Quatro pessoas e uma porta numa régua só. A porta é o que transforma “ela tem 122” em algo que você consegue ver.

Decisão quatro: centímetros ou pés

Ponha a régua no que quem vai ler pensa. Trocar entre os dois reescreve o que está nas caixas em vez de reinterpretar — 178 vira 5'10" — então a altura de ninguém se mexe quando você muda a notação. Isso importa mais do que parece: um 178 sozinho lido como polegadas seria uma pessoa de quatro metros e meio, desenhada com toda a confiança.

A régua imperial é marcada em polegadas inteiras: uma, três, seis, doze ou vinte e quatro entre as linhas, escolhidas por quantas linhas a imagem aguenta. A métrica funciona igual, e é por isso que um gráfico de dois adultos ganha uma linha a cada dez centímetros e um com uma cesta de basquete ganha uma a cada vinte e cinco. Noventa linhas numa imagem viram uma mancha cinza em vez de uma régua.

Tirando a imagem

O PNG é para colar: um documento, um slide, uma mensagem, um post de fórum. Ele sai na altura em pixels que você definiu, então se vai para algum lugar que vá mostrá-lo grande, aumente a altura antes de baixar em vez de ampliar depois.

O SVG é para guardar. Ele é o gráfico como instruções em vez de pixels, então imprime nítido em qualquer tamanho e pode ser aberto e recolorido depois em qualquer editor vetorial. Se o gráfico vai para algo que será impresso — um cartaz, um relatório, um panfleto — leve o SVG.

Se o gráfico vai para um slide colorido, ponha o fundo mais ou menos na cor em que ele vai ficar. A régua e o texto trocam entre escuro e claro para continuar legíveis em cima. Depois marque sem fundo nenhum e a imagem sai transparente, com a tinta ainda escolhida para a cor que você indicou.

O que saber sobre “compartilhar com link”

A maioria dos sites de gráfico de altura oferece isso, e vale entender o que é. Não existe servidor guardando o seu gráfico, então o link precisa carregar o gráfico — o que significa que cada nome e cada altura são escritos no próprio endereço.

Um endereço é a coisa mais amplamente registrada da internet. Ele vai para o servidor de chat onde você cola, para o scanner de e-mail por onde passa, para o histórico de todo mundo que abrir, para o serviço de prévia de link que visita antes de alguém clicar. Para um gráfico de dois atores isso não é nada. Para um gráfico dos seus filhos, com os nomes deles e a altura de cada um e as idades implícitas nas figuras ao lado, é coisa que não se deve fazer sem querer.

Esta ferramenta não tem link desse tipo, e o endereço da página nunca muda enquanto você digita. Baixe a imagem e mande ela: diz exatamente a mesma coisa e não leva lista nenhuma junto. Nada do que você digita aqui fica guardado de uma visita para outra também — feche a aba e o gráfico some — que é a outra metade da mesma troca, e o motivo de um gráfico que vale a pena guardar ser um que vale a pena baixar.

A versão longa desse argumento, e como saber quais sites realmente precisam do seu arquivo, está em É seguro enviar arquivos para um site?