Pasó 50 horas dibujando una sola gráfica de líneas

 (dougmacdowell.com)
1 puntos por GN⁺ 10 시간 전 | 1 comentarios | Compartir por WhatsApp
  • Una gráfica de líneas puede hacerse en 20 minutos con software, pero aquí se completó con precisión estadística en 50 horas usando regla, lápiz, tinta y herramientas de rotulado
  • En vez de centrarse en PowerBI, Tableau, D3 o Python, el enfoque está en los métodos profesionales de dibujo técnico anteriores a la computadora, tratando la visualización de datos hecha a mano como una obra artística
  • Toma como referencia los trabajos de visualización de Edward R. Tufte, W.E.B. Du Bois y Willard C. Brinton, además de libros de dibujo mecánico y boceto técnico para definir el método de producción
  • El proceso consiste en crear un área de trabajo de 18 x 22 pulgadas dentro de una hoja de 20 x 24 pulgadas, con una cuadrícula de 396 cuadrados, y controlar el grosor de la línea con una plantilla circular
  • Incluye repasar con tinta, borrar las líneas de lápiz, y añadir título, etiquetas de ejes, anotaciones y firma; algunas marcas del proceso pueden dejarse como pista del trabajo manual

El punto de partida de la visualización de datos dibujada a mano

  • Una gráfica de líneas que podría hacerse en 20 minutos con software fue completada a lo largo de 50 horas con regla, lápiz, tinta y herramientas de rotulado
  • El proyecto fue una visualización de datos sobre coffee maker computer, y el resultado fue una pieza estadísticamente precisa y elaborada con gran cuidado
  • Hackaday describió el trabajo como “algo que parece salido directamente de un libro de texto universitario de los años 70”
  • El punto central no está en herramientas como PowerBI, PowerPoint, Tableau, D3, Python, Illustrator o R, sino en dibujar datos mediante métodos profesionales de dibujo técnico anteriores a la computadora
  • La visualización de datos hecha a mano se trata como una obra artística que incluye dominio de herramientas, errores, accidentes y huellas del proceso

Libros de referencia e inspiración visual

Herramientas y materiales necesarios

Proceso para pasar de la cuadrícula a la gráfica de líneas

  • Crear el área de trabajo con una cuadrícula

    • La visualización de datos dibujada a mano comienza con una cuadrícula, y también es un proceso sereno para familiarizarse con las herramientas
    • Se coloca el papel sobre la mesa de dibujo, se alinea horizontalmente con la T-square y se fija el borde superior con cinta de pintor
    • Si se enrolla la cinta en el cuerpo y se gira tres veces, la pelusa de la ropa debilita la adhesión para que no se pegue demasiado fuerte al papel
    • En una hoja de 20 x 24 pulgadas, se traza un margen a 1 pulgada hacia adentro de cada lado para crear un área de trabajo de 18 x 22 pulgadas
    • Marcando cada 1 pulgada sobre el margen y trazando líneas con una regla, se forman 396 cuadrados en el área de trabajo
    • Después puede subdividirse con más detalle, y el trabajo de datos dibujado a mano vuelve a esta cuadrícula hasta el final
    • El objetivo final es borrar las líneas de lápiz para dejar solo líneas de tinta nítidas, pero en esta etapa se define la estructura general

  • Controlar el grosor de la línea con círculos

    • Si se intenta dibujar una gráfica de líneas con un marcador grueso como Sharpie, es difícil obtener una línea de buena calidad
    • Con un solo trazo de pluma es casi imposible controlar el grosor de la línea y conectar con precisión todos los puntos de datos
    • Como método para crear líneas de datos con acabado profesional, se usa una plantilla circular
    • Se marcan primero los puntos de datos como pequeños puntos sobre la cuadrícula con lápiz, y luego se dibujan círculos alrededor de cada punto para definir el grosor de la línea
    • Con una tarjeta de débito o una regla pequeña se conecta el borde exterior de un círculo con el borde exterior del siguiente
    • Si las líneas de unión se superponen ligeramente, se pueden controlar estilos de unión de línea como miter, bevel y round

  • Repasar con tinta y borrar las líneas de lápiz

    • La etapa de tinta impone porque es difícil deshacerla, pero al repasar cuidadosamente las líneas de conexión con una pluma, la forma de la línea queda definida
    • Si se usa el borrador con suavidad para limpiar las marcas de lápiz alrededor de la línea, la tinta permanece y el lápiz desaparece
    • Al rellenar el interior de la línea con pluma o pincel, la línea de la gráfica queda terminada
    • Una visualización de datos no queda completa solo con la línea; también necesita elementos de texto como título, etiquetas de ejes, anotaciones y crédito de autor

Texto, firma y huellas del proceso

  • Entre artistas existe debate sobre si una obra debe llevar firma; Alphonse Mucha dejó firmas visibles en muchas obras, pero en sus pinturas más monumentales la firma estaba casi oculta
  • Edward Tufte considera esencial una atribución de autor visible, y Marcel Duchamp firmó un urinario
  • También en visualización de datos, los elementos de texto como el título, las etiquetas de ejes, las anotaciones y, si se decide incluirlo, el crédito de autor, determinan el nivel de acabado final
  • El texto puede añadirse a mano o con un lettering kit
  • Las pequeñas piezas metálicas del lettering kit son el reservoir y el nib; el reservoir contiene la tinta y el nib controla su salida dentro del reservoir
  • El reservoir y el nib deben tener tamaños compatibles, y después de usarlos deben limpiarse con jabón, agua, un cepillo de dientes y aire comprimido para computadora
  • Se pueden borrar por completo las líneas de lápiz restantes, pero dejar algunas marcas de la cuadrícula conserva pistas de que se trata de un trabajo hecho a mano y deja huellas del proceso de producción
  • Cuando se trabaja en tareas complejas como consultar bases de datos, es difícil seguir dedicando tiempo a dibujar datos a mano, pero esas 50 horas de trabajo manual dejan la pregunta de “¿por qué dedicar 50 horas a hacer algo que PowerPoint puede hacer en 20 minutos?”

Lecturas relacionadas

1 comentarios

 
GN⁺ 10 시간 전
Comentarios de Hacker News

  • Hago muebles, y aunque el diseño para clientes remotos lo hago en digital, los planos del taller los dibujo a mano.
    Un consejo muy útil que recibí de un dibujante técnico con formación real fue usar minas más duras para líneas de construcción y guías. Algo como 6H~9H produce líneas mucho más tenues que luego se borran con más facilidad, y además la punta se mantiene afilada por más tiempo.
    Prefiero un portaminas de mina gruesa de 2 mm que se afila con sacapuntas, en lugar de los lápices de madera. Los afiladores K&E se consiguen fácil en eBay, y también se pueden encontrar los vasos de lija que realmente afilan la mina. Esos productos con forma de bote de basura de plástico funcionan, pero no se sienten tan bien en la mano.
    Encontrar un buen portaminas de mina gruesa es complicado. Los de Alvin son demasiado flojos y la mina se mete hacia adentro, y los de Staedtler no cierran la punta con suficiente firmeza, así que no sostienen bien la mina y se rompe fácil. Los de Prismacolor me parecieron aceptables, y me encanta uno vintage que heredé del dibujante técnico que mencioné antes.
    Para corregir trabajo a lápiz sin borrar demasiado, recomiendo un protector de borrado. Otra amiga con formación artística me comentó que poner papel de calco encima del dibujo base y hacer varios intentos antes de fijar los detalles también reduce mucho la necesidad de borrar.
    El vellum para dibujo técnico tolera bastante bien el borrado, pero la textura de su superficie es más áspera, así que si trabajas mucho tiempo sobre un mismo dibujo puede terminar viéndose algo sucio. Nunca he usado Bristol board, y no necesito un dibujo perfecto para reproducción, solo uno suficientemente bueno para fabricar.
    Dibujar es un proceso enormemente satisfactorio para mí. Si eres una persona atenta al detalle, probablemente también lo disfrutes mucho.

    • El 6H se ve más claro en color, pero en realidad puede ser más difícil de borrar. Uno tiende naturalmente a presionar más fuerte para poder verlo, y entonces el papel se marca; el grafito queda al fondo de esas hendiduras, donde el borrador ya no lo puede sacar.
      Estas minas duras tienen mucho contenido de arcilla, así que rayan el papel con facilidad. Yo voy en la dirección opuesta y prefiero una mina 4B. Puede dejar una línea visible con una presión muy ligera, y se borra muy fácilmente con borrador amasable.
      Sí es cierto que una 6H mantiene la punta mucho más tiempo. Pero yo solo usaría una mina más dura cuando no hubiera necesidad de borrar la marca.
    • Ya tengo edad suficiente como para haber tomado una clase de dibujo técnico en séptimo grado. Un consejo que recuerdo era ir girando ligeramente el lápiz mientras lo usabas. Supongo que era para mantener su forma, aunque quizá también haya otras razones menos obvias.
      También tomé taller de carpintería, y el maestro parecía disfrutar asustándonos con historias de estudiantes que terminaron horriblemente por jugar en el taller. Ahí también aprendí que hay que tener cuidado con el compresor de aire cerca de heridas abiertas.
    • Entre las herramientas de construcción también hay portaminas de mina gruesa todavía más anchos, como de 5.6 mm, y también con mina roja.
      https://www.homedepot.com/b/Tools-Hand-Tools-Marking-Tools-L...
    • Me gustó el proceso de ir encontrando herramientas que se ajustaran a mi mano. También probé minas más duras y me gustaron por las razones mencionadas, pero por alguna razón siempre termino regresando al portaminas BIC básico.
      El protector de borrado merece estar en la lista de herramientas y me ha resultado útil muchas veces. El consejo del papel de calco también está bueno. Podría ayudar a eliminar el paso de tomar una foto y hacer el boceto encima en digital.
    • Tendré que probar ese método. En la universidad me dieron exactamente el consejo contrario, y mis grosores de línea son un desastre.

  • Esto debería convertirse en un deporte competitivo, como la gimnasia. “¡Intenta un biselado! ¡Hasta una línea ultraancha! Qué ambicioso. Pero falla mucho en la caída de alineación de esquinas, la distancia del bisel no estuvo bien controlada, y esta unión de líneas tiene datos excesivamente puntiagudos. 7/10”.

    • ¿Con biselado aquí te refieres al límite de inglete?

  • Es un recorrido realmente sorprendente e interesante. Hoy en día, con la IA y el software, todo el mundo vive corriendo de un lado a otro todos los días, y eso se ha intensificado todavía más desde que apareció la IA. A veces, en la vida, olvidamos cómo sentimos este mundo y cómo hacer algo con plena dedicación.
    ¿Por qué el mundo tiene que ser tan rápido? ¿Por qué no podemos simplemente disfrutar el proceso de crear, en vez de mirar solo el resultado? Puede que a la gente le guste terminar rápido porque la vida es corta y las cosas que uno puede hacer son limitadas, así que quieren hacer la mayor cantidad posible.
    Pero ¿por qué no bajar el ritmo? ¿Por qué no disfrutar la vida? ¿Es que si uno se ralentiza ya no puede sobrevivir y se queda atrás? Incluso si así fuera, está bien. Cambiar la vida puede ser difícil y pesado, pero si bajas el ritmo quizá puedas concentrarte en una sola cosa, disfrutar el proceso y encontrarte con algo hermoso.
    Envidio poder concentrarse en una sola cosa durante 50 horas. En lugares como una jaula urbana, ruidosa, ocupada y urgente, eso es algo difícil de hacer.

  • Estoy listo para estar de acuerdo con la parte de “Un dibujante técnico profesional de los años 1920 quizá se horrorizaría ante las imperfecciones del gráfico de líneas de arriba. Pues ni modo.”, pero el kerning todavía me molesta. Aun así, en conjunto está realmente muy bien.

    • El kerning sí merece crítica. Me alegra que alguien lo haya dicho.
    • Ajustar el kerning manualmente con una plantilla es increíblemente difícil, y al mismo tiempo esa imperfección muestra la mano humana, que es parte de lo que hace tan atractivo el trabajo original.

  • Proceso increíble. Qué paciencia para esta época. También agradezco especialmente que compartieras el enlace al libro de visualización de datos. Tufte también fue mi punto de entrada, pero nunca se me había ocurrido buscar además libros de boceto técnico, dibujo de ingeniería y delineación.
    Me gustan las visualizaciones dibujadas a mano, así que hace poco estuve viendo material del Instituto Nacional de Estadística y Estudios Económicos de Francia (INSEE), cuya colección de informes desde antes de 1900 hasta hoy es excelente. En particular, me encanta este hermoso documento sobre pacientes psiquiátricos del departamento del Sena en 1889. La tipografía es perfecta. https://www.bnsp.insee.fr/ark:/12148/btv1b52510983q/f49.item...
    Después de años de solo leer Hacker News, este post por fin me hizo crear una cuenta y dar un voto. La visualización de datos es realmente divertida.

    • Esa es exactamente la reacción que esperaba al escribir esto. El Atlas de statistique graphique de la ville de Paris de 1889 tiene unas visualizaciones de datos hechas a mano impresionantes que quizá no habría visto si no lo hubieras compartido.
      Gracias por crear una cuenta y aportar a la lista de recursos sobre visualización de datos. Planeo agregarlo en la próxima actualización.
    • Este enlace al archivo es una contribución muy bienvenida que encaja perfecto con el post. Me encantan los mapas antiguos dibujados a mano, especialmente los mapas de carreteras Michelin y mapas todavía más viejos.

  • Excelente post.
    Hice una pasantía en la Oficina Federal de Estadística de Alemania a mediados de la década de 2010. Algunos de los auxiliares del equipo llevaban trabajando desde los años 80 o 90, y eran personas que todavía habían aprendido a usar este tipo de herramientas en su formación profesional.
    Nos mostraron las herramientas, las instrucciones para dibujar a mano tablas perfectamente alineadas, y los resultados encuadernados en volúmenes de cientos de páginas. Era difícil imaginar cuánto tiempo habrían invertido en un solo proyecto, y es un tipo de trabajo que hoy ha desaparecido por completo con la automatización.

    • Debió de haber sido una pasantía realmente valiosa. La documentación en libros sobre técnicas de dibujo manual solo puede capturar una cantidad limitada de información.
      ¿Cuánto conocimiento se habrá transmitido únicamente de maestro a aprendiz? ¿Y cuánto de ese conocimiento desaparece cuando esas personas se van?

  • Este es el post más Hacker News que he visto en mi vida. Dedicarse 50 horas a algo que podría tomar 20 minutos, solo por la vibra.
    Pero de verdad está muy bueno. La mayor ironía es que la mayoría de nosotros trabajamos justamente en áreas que buscan que la gente no tenga que dedicarle 50 horas a cosas así.

  • Este post me ayudó a entender mejor el punto que Bret Victor plantea sobre William Playfair. Playfair inventó muchos de los gráficos de datos que usamos hoy, incluido el gráfico de líneas.
    Siempre me pareció extraño que algo que parece tan básico en la forma de pensar los datos haya sido inventado apenas a fines del siglo XVIII, pero al ver cuánta labor implica diseñar bien estos gráficos, queda claro cuánto pensamiento creativo hizo falta para poner en marcha algo así.
    Ojalá más gráficos incluyeran este nivel de detalle, como en la imagen del post. Sería muy útil poder ver exactamente dónde están los puntos de datos y cómo están construidas las líneas y la interpolación.
    [0] https://www.dougmacdowell.com/images/hand-drawn-data-outline...

  • Doug, quizá valdría la pena agregar a la lista el Handbook of Graphic Presentation de Calvin Schmid -- https://archive.org/details/HandbookOfGraphicPresentation/pa...
    Por desgracia, no parece haber una discusión concreta sobre cómo lograr un grosor de línea consistente. Aun así, sí hay notas sobre cómo afilar lápices y cómo usar splines de carpintero para dibujar curvas suaves.

    • Los plumines para dibujo técnico se sostienen en posición vertical, y la punta es redonda, así que producen un ancho de línea determinado según el diámetro de la punta.
      Si se fuera a entintar el dibujo, probablemente no haría falta preocuparse tanto por el ancho exacto y la consistencia de las líneas del trabajo a lápiz.
      Para que conste, yo no entinto mis dibujos. He usado plumines técnicos algunas veces por experimento, pero no forman parte de mi flujo normal de trabajo.
      https://www.jetpens.com/blog/The-Best-Technical-Drawing-Pens
    • Sería una muy buena incorporación a la lista. Las curvas siguen siendo una tarea en la que aún no he profundizado.
    • Para mantener un grosor de línea constante, un ruling pen puede ayudar. Es como una pluma fuente con ancho de tinta ajustable.
      https://en.wikipedia.org/wiki/Ruling_pen

  • En la escuela aprendí dibujo técnico de la era anterior a las computadoras. Usábamos lápices, papel, regla T, compás y cosas así, y el proceso de construir algo con lápiz y papel era bastante divertido.
    Una de las cosas buenas es que terminas entendiendo muy de cerca el objeto que estás diseñando. Se requiere esfuerzo mental para construir cada pequeña parte.
    También creo que ayudaba mucho a entender la sensación de proyectar 3D en 2D. Aunque en el viejo Atari 800XL eso era difícil, y yo soñaba con que llegaran pantallas de alta resolución como 800x600 con 256 colores :)