Gastei 50 horas para desenhar um único gráfico de linhas

 (dougmacdowell.com)
1 pontos por GN⁺ 8 시간 전 | 1 comentários | Compartilhar no WhatsApp
  • Um gráfico de linhas pode ser feito em 20 minutos com software, mas foi concluído com precisão estatística em 50 horas usando régua, lápis, tinta e ferramentas de lettering
  • Em vez de PowerBI, Tableau, D3 ou Python, o foco está em métodos profissionais de desenho técnico anteriores ao computador, tratando a visualização de dados feita à mão como trabalho artístico
  • O processo foi inspirado nas visualizações de Edward R. Tufte, W.E.B. Du Bois e Willard C. Brinton, além de livros sobre desenho mecânico e esboço técnico
  • O processo de produção consistiu em criar uma área de trabalho de 18 x 22 polegadas e uma grade com 396 quadrados em uma folha de 20 x 24 polegadas, controlando a espessura da linha com um estêncil circular
  • O trabalho passa por traçar com tinta, apagar as linhas de lápis e adicionar título, rótulos dos eixos, anotações e assinatura, podendo deixar alguns vestígios do processo como pistas do trabalho manual

O ponto de partida da visualização de dados desenhada à mão

  • Um gráfico de linhas que poderia ser feito em 20 minutos com software foi concluído ao longo de 50 horas com régua, lápis, tinta e ferramentas de lettering
  • O tema era uma visualização de dados sobre o coffee maker computer, e o resultado foi uma peça precisa do ponto de vista estatístico e cuidadosamente produzida
  • O Hackaday descreveu o trabalho como “algo saído diretamente de um livro didático universitário dos anos 1970”
  • O ponto central não está em ferramentas como PowerBI, PowerPoint, Tableau, D3, Python, Illustrator ou R, mas em desenhar dados com métodos profissionais de desenho técnico anteriores ao computador
  • A visualização de dados desenhada à mão é tratada como um trabalho artístico que inclui domínio das ferramentas, erros, acaso e marcas do processo

Livros de referência e inspiração visual

Ferramentas e materiais necessários

O processo de transformar uma grade em gráfico de linhas

  • Criando uma área de trabalho com grade

    • A visualização de dados desenhada à mão começa com uma grade e também é um processo calmo de se familiarizar com as ferramentas
    • O papel é colocado sobre a prancheta, alinhado horizontalmente com o T-square e preso pela borda superior com fita crepe para pintura
    • Enrolar a fita no corpo e dar três voltas faz com que os fiapos da roupa reduzam a aderência, evitando que ela grude forte demais no papel
    • Em uma folha de 20 x 24 polegadas, traçam-se margens a 1 polegada de cada lado para criar uma área de trabalho de 18 x 22 polegadas
    • Marcando a margem a cada 1 polegada e traçando linhas com instrumentos retos, formam-se 396 quadrados na área de trabalho
    • Depois, ela pode ser subdividida com mais detalhe, e o trabalho manual com dados acaba voltando a essa grade até o fim
    • O objetivo final é apagar as linhas de lápis e deixar apenas as linhas de tinta nítidas, mas nesta etapa o foco é estabelecer a estrutura geral

  • Controlando a espessura da linha com círculos

    • Se tentar desenhar um gráfico de linhas com um marcador grosso como um Sharpie, é difícil obter uma linha de boa qualidade
    • É praticamente impossível controlar a espessura da linha e conectar todos os pontos de dados com precisão em um único traço de caneta
    • Para criar uma linha de dados com acabamento profissional, usa-se um estêncil circular
    • Os pontos de dados são marcados a lápis na grade como pequenos pontos, e círculos são desenhados ao redor de cada ponto para definir a espessura da linha
    • Com um cartão de débito ou uma régua pequena, conecta-se a borda externa de um círculo à borda externa do próximo
    • Ao fazer as linhas de conexão se sobreporem um pouco, é possível controlar estilos de junção de linha como miter, bevel e round

  • Traçando com tinta e apagando as linhas de lápis

    • A etapa da tinta traz pressão porque é difícil voltar atrás, mas ao seguir cuidadosamente as linhas de conexão com a caneta, o formato da linha fica definido
    • Ao usar a borracha com leveza para apagar os traços de lápis ao redor, a tinta permanece e as linhas de lápis desaparecem
    • Preencher o interior da linha com caneta ou pincel completa a linha do gráfico
    • A visualização de dados não se conclui apenas com a linha; são necessários elementos de texto como título, rótulos dos eixos, anotações e identificação do autor

Texto, assinatura e vestígios de produção

  • Entre artistas, há debate sobre incluir assinatura na obra; Alphonse Mucha deixou assinaturas visíveis em muitos trabalhos, mas em suas pinturas mais monumentais elas apareciam quase escondidas
  • Edward Tufte considera essencial uma identificação de autoria bem visível, e Marcel Duchamp assinou um urinol
  • Também na visualização de dados, elementos de texto como título, rótulos dos eixos, anotações e, se desejado, identificação do autor, determinam o acabamento final
  • O texto pode ser inserido à mão ou com um lettering kit
  • As pequenas peças metálicas do lettering kit são o reservatório e a pena; o reservatório guarda a tinta, e a pena controla sua liberação dentro do reservatório
  • Reservatório e pena precisam ter tamanhos compatíveis, e após o uso devem ser limpos com sabão, água, escova de dentes e soprador de ar para computador
  • É possível apagar todas as linhas de lápis restantes, mas deixar alguns traços da grade como lápis preserva pistas de que se trata de um trabalho feito à mão e vestígios do processo de produção
  • Em meio ao trabalho complexo de consultar bancos de dados, é difícil continuar dedicando tempo a desenhar dados à mão, mas as 50 horas de trabalho manual deixam a pergunta: “por que gastar 50 horas fazendo algo que o PowerPoint pode fazer em 20 minutos?”

Leituras relacionadas

1 comentários

 
GN⁺ 8 시간 전
Comentários do Hacker News

  • Eu faço móveis e, embora o projeto para clientes remotos seja digital, os desenhos da oficina eu faço à mão.
    Uma dica muito útil que recebi de um desenhista técnico de verdade foi usar grafite mais duro para linhas de layout e linhas auxiliares. Algo como 6H~9H produz linhas bem mais claras, que depois são mais fáceis de apagar, e a ponta afiada dura mais tempo.
    Em vez de lápis de madeira, prefiro um porta-grafite com mina de 2 mm, que afio com apontador. O apontador K&E é fácil de achar no eBay, e também dá para encontrar a taça abrasiva que realmente faz a afiação. Aqueles produtos em formato de lixinho de plástico funcionam, mas não têm a mesma pegada.
    É difícil achar um porta-grafite decente. Os da Alvin são frouxos demais e a mina recua para dentro; os da Staedtler não fecham a ponta com firmeza suficiente para sustentar bem a mina, então ela quebra com facilidade. Os da Prismacolor eram aceitáveis, e gosto muito de um modelo vintage que herdei do desenhista técnico mencionado antes.
    Para não apagar demais ao corrigir um trabalho a lápis, recomendo um escudo para borracha. Outro conhecido com formação em artes me ensinou que colocar papel vegetal por cima do desenho principal e fazer várias tentativas antes de definir os detalhes também reduz bastante a necessidade de apagar.
    O papel vellum para desenho técnico tolera bem apagamentos, mas a textura da superfície é mais áspera, então um desenho pode ficar meio sujo se você mexer nele por muito tempo. Nunca usei Bristol board, e não preciso de um desenho perfeito para reprodução, só de algo bom o suficiente para fabricar.
    Desenhar é um processo extremamente satisfatório para mim. Se você é o tipo de pessoa que liga para detalhes, provavelmente vai achar prazeroso.

    • O 6H parece claro só pela cor, mas na prática pode ser mais difícil de apagar. A gente naturalmente acaba pressionando mais para conseguir enxergar, e aí o papel fica sulcado, deixando grafite no fundo da ranhura, onde a borracha não consegue alcançar.
      Essas minas duras têm muita argila, então arranham o papel com facilidade. Eu fui para o extremo oposto e prefiro mina 4B. Dá para deixar um traço visível com pressão bem leve, e apagar com muita facilidade usando borracha limpa-tipos.
      É verdade que o 6H mantém a ponta por muito mais tempo. Mas eu só usaria uma mina mais dura quando não precisasse apagar a marca depois.
    • Tenho idade suficiente para ter feito aula de desenho técnico na sétima série. Uma dica de que me lembro era girar levemente o lápis enquanto desenhava. Imagino que fosse para manter o formato da ponta, mas talvez houvesse outros motivos menos óbvios também.
      Também fiz aula de marcenaria, e o professor parecia gostar de assustar a turma com histórias de alunos que brincaram na oficina e tiveram consequências horríveis. Foi lá também que aprendi a tomar cuidado com compressor de ar perto de feridas abertas.
    • Existem porta-grafites mais grossos, como os de 5,6 mm, voltados para construção, e também há minas vermelhas.
      https://www.homedepot.com/b/Tools-Hand-Tools-Marking-Tools-L...
    • Gostei desse processo de descobrir quais ferramentas funcionam melhor para a minha mão. Também testei minas mais duras e gostei pelos motivos citados, mas por algum motivo sempre acabo voltando ao lapiseira BIC básico.
      O escudo para borracha é ótimo para entrar na caixa de ferramentas e foi útil com frequência. A dica do papel vegetal também é boa. Tirar uma foto e rabiscar por cima no digital pode ajudar a pular essa etapa.
    • Vou ter que testar esse método. Na faculdade ouvi exatamente o conselho oposto, e minha espessura de linha é uma bagunça.

  • Isso deveria virar um esporte competitivo, tipo ginástica. “Vai tentar um chanfro! Até uma linha ultralarga! Ambicioso. Mas a aterrissagem do alinhamento nos cantos falhou várias vezes, a distância do chanfro não foi bem controlada, e este método de conexão de linhas tem pontas de dados excessivamente agudas. 7/10”

    • Quando você diz chanfro aqui, quer dizer o limite de mitra?

  • Que jornada realmente incrível e interessante. Hoje em dia, por causa de IA e software, todo mundo vive correndo para todo lado todos os dias, e isso ficou ainda pior especialmente depois da chegada da IA. Às vezes, ao viver assim, esquecemos como sentimos este mundo e como fazer algo em sintonia uns com os outros.
    Por que o mundo precisa ser tão rápido? Por que não podemos simplesmente aproveitar o processo de criar, em vez de olhar só para o resultado? Talvez as pessoas gostem de terminar rápido porque a vida é curta e há um limite para o que se pode fazer, então tentam fazer o máximo possível.
    Mas por que não desacelerar? Por que não aproveitar a vida? Será que, se desacelerarmos, não dá para sobreviver e vamos ficar para trás? Mesmo que seja assim, tudo bem. Mudar a vida pode ser difícil e doloroso, mas, se desacelerarmos, talvez consigamos focar em uma coisa, aproveitar o processo e encontrar algo belo.
    Tenho inveja de quem consegue se concentrar em uma única coisa por 50 horas. Em lugares barulhentos, corridos e urgentes, como uma espécie de gaiola urbana, isso é difícil para nós.

  • Estou pronto para concordar com a parte “Um desenhista técnico profissional dos anos 1920 talvez visse as imperfeições do gráfico de linhas acima e ficasse horrorizado. Paciência.”, mas o kerning ainda me incomoda. Ainda assim, o conjunto ficou muito bom.

    • O kerning merece crítica. Fico feliz que alguém tenha mencionado isso.
    • Ajustar kerning manualmente com estêncil é extremamente difícil, e ao mesmo tempo essa imperfeição mostra o toque humano, que faz parte do charme do trabalho original.

  • Processo incrível. Que paciência para os dias de hoje. Agradeci especialmente por compartilhar os links de livros sobre visualização de dados. Tufte também foi minha porta de entrada, mas nunca me ocorreu procurar livros de sketch técnico, desenho de engenharia e desenho técnico.
    Gosto de visualizações feitas à mão e estive olhando recentemente o acervo do INSEE, o instituto nacional francês de estatística e estudos econômicos, que tem uma coleção excelente de relatórios de antes de 1900 até hoje. Gosto especialmente deste belo material sobre pacientes psiquiátricos da região do Sena, de 1889. A tipografia é perfeita. https://www.bnsp.insee.fr/ark:/12148/btv1b52510983q/f49.item...
    Depois de anos apenas lendo o Hacker News, este post finalmente me fez criar uma conta e dar um upvote. Visualização de dados é realmente divertida.

    • Essa é exatamente a reação que eu esperava ao escrever este texto. O Atlas de statistique graphique de la ville de Paris de 1889 tem visualizações de dados desenhadas à mão extraordinárias, que talvez eu nunca tivesse visto se você não tivesse compartilhado.
      Obrigado por criar uma conta e contribuir para a lista de materiais sobre visualização de dados. Pretendo adicionar isso na próxima atualização.
    • Esse link de arquivo foi uma contribuição muito bem-vinda e combina perfeitamente com o texto. Gosto de mapas antigos desenhados à mão, especialmente os mapas rodoviários da Michelin e mapas ainda mais antigos.

  • Ótimo texto.
    Fiz estágio no departamento federal de estatística da Alemanha em meados dos anos 2010. Alguns membros da equipe de apoio trabalhavam lá desde os anos 1980 e 1990, e ainda tinham aprendido a usar esse tipo de ferramenta durante a formação profissional.
    Eles me mostraram as ferramentas, as instruções para desenhar tabelas perfeitamente alinhadas à mão e os resultados encadernados, com centenas de páginas. Era difícil imaginar quanto tempo deve ter sido gasto em um único projeto, um trabalho que hoje desapareceu completamente com a automação.

    • Deve ter sido um estágio realmente valioso. Há um limite para o quanto livros podem registrar sobre técnicas de desenho manual.
      Quanto conhecimento terá existido que só era transmitido de mestre para aprendiz? E esse conhecimento desaparece quando essas pessoas se vão?

  • Este é o post mais Hacker News que já vi. Gastar 50 horas numa coisa que levaria 20 minutos só pela vibe.
    Mesmo assim, é realmente bom. A maior ironia é que a maioria de nós trabalha justamente em áreas que existem para que as pessoas não precisem gastar 50 horas fazendo esse tipo de coisa.

  • Este texto me ajudou a entender melhor um ponto que Bret Victor fez sobre William Playfair. Playfair inventou muitos dos gráficos de dados que usamos hoje, incluindo o gráfico de linhas.
    Sempre me pareceu estranho que algo tão básico para a forma como pensamos dados só tenha sido inventado no fim do século XVIII, mas ao ver quanto trabalho entra em projetar corretamente um gráfico desses, fica claro quanta criatividade foi necessária para iniciar algo assim.
    Gostaria que mais gráficos trouxessem esse nível de detalhe, como nesta imagem do texto. Seria muito útil poder ver exatamente onde estão os pontos de dados e como a linha e a interpolação foram construídas.
    [0] https://www.dougmacdowell.com/images/hand-drawn-data-outline...

  • Doug, seria bom adicionar Handbook of Graphic Presentation, de Calvin Schmid, à lista -- https://archive.org/details/HandbookOfGraphicPresentation/pa...
    Infelizmente, não parece haver uma discussão específica sobre como manter a espessura da linha constante. Ainda assim, há notas sobre como apontar lápis e usar spline de carpinteiro para desenhar curvas suaves.

    • Canetas de desenho técnico são seguradas na vertical, e a ponta redonda produz uma largura de linha específica de acordo com o diâmetro da ponta.
      Se você for passar tinta no desenho, provavelmente não precisa se preocupar tanto com a largura exata e a consistência do traço a lápis.
      Só para constar, eu não passo tinta nos meus desenhos. Já experimentei canetas técnicas algumas vezes, mas elas não fazem parte do meu fluxo normal de trabalho.
      https://www.jetpens.com/blog/The-Best-Technical-Drawing-Pens
    • Seria uma ótima adição à lista. Curvas ainda são um desafio que não explorei a fundo.
    • Um ruling pen ajuda com espessura constante de linha. É uma ferramenta parecida com uma caneta-tinteiro, com a largura da tinta ajustável.
      https://en.wikipedia.org/wiki/Ruling_pen

  • Na escola, aprendi desenho técnico da era anterior aos computadores. Usávamos lápis, papel, T, compasso e coisas do tipo, e o processo de construir algo com lápis e papel era bem divertido.
    Uma das coisas boas é que você passa a entender muito de perto aquilo que está projetando. Cada parte minúscula exige esforço mental para ser construída.
    Também acho que isso ajudou muito a entender a noção de projetar 3D em 2D. No velho Atari 800XL, porém, isso era complicado, e eu sonhava com telas de alta resolução, tipo 800x600 com 256 cores :)