Saya menghabiskan 50 jam untuk menggambar satu grafik garis

 (dougmacdowell.com)
1 poin oleh GN⁺ 7 jam lalu | 1 komentar | Bagikan ke WhatsApp
  • Satu grafik garis bisa dibuat dengan perangkat lunak dalam 20 menit, tetapi diselesaikan secara akurat secara statistik selama 50 jam dengan penggaris, pensil, tinta, dan alat lettering
  • Alih-alih PowerBI, Tableau, D3, atau Python, fokusnya ada pada metode drafting profesional pra-komputer, dan visualisasi data gambar tangan diperlakukan sebagai karya seni
  • Mengacu pada karya visualisasi Edward R. Tufte, W.E.B. Du Bois, Willard C. Brinton, serta buku tentang drafting mekanis dan sketsa teknis untuk mempelajari cara pembuatannya
  • Prosesnya membuat ruang kerja 18 x 22 inci dan grid berisi 396 kotak pada kertas 20 x 24 inci, lalu mengendalikan ketebalan garis dengan stencil lingkaran
  • Melalui tahap menelusuri dengan tinta, menghapus garis pensil, hingga menambahkan judul, label sumbu, anotasi, dan tanda tangan, sebagian jejak produksi dapat dibiarkan sebagai petunjuk pekerjaan manual

Titik awal visualisasi data yang digambar dengan tangan

  • Sebuah grafik garis yang bisa dibuat dengan perangkat lunak dalam 20 menit diselesaikan selama 50 jam menggunakan penggaris, pensil, tinta, dan alat lettering
  • Objeknya adalah visualisasi data tentang coffee maker computer, dan hasilnya berbentuk karya yang akurat secara statistik serta dibuat dengan sangat teliti
  • Hackaday menggambarkan karya ini sebagai “terasa seperti langsung keluar dari buku teks kampus tahun 1970-an”
  • Intinya bukan memakai alat seperti PowerBI, PowerPoint, Tableau, D3, Python, Illustrator, atau R, melainkan menggambar data dengan metode drafting profesional pra-komputer
  • Visualisasi data yang digambar dengan tangan diperlakukan sebagai karya seni yang mencakup penguasaan alat, kesalahan dan kebetulan, hingga jejak proses pembuatannya

Buku rujukan dan inspirasi visual

Alat dan bahan yang dibutuhkan

Proses membuat dari grid ke grafik garis

  • Membuat ruang kerja dengan grid

    • Visualisasi data yang digambar dengan tangan dimulai dari grid, dan juga merupakan proses tenang untuk membiasakan diri dengan alat
    • Kertas diletakkan di atas papan gambar, disejajarkan secara horizontal dengan T-square, lalu tepi atasnya dipasang menggunakan painter's tape
    • Jika pita direkatkan ke tubuh dan dibelitkan tiga kali, serat halus dari pakaian akan melemahkan daya rekatnya sehingga tidak terlalu kuat menempel pada kertas
    • Untuk kertas 20 x 24 inci, dibuat garis margin 1 inci ke dalam dari setiap sisi untuk membentuk ruang kerja 18 x 22 inci
    • Dengan memberi tanda setiap 1 inci pada garis margin lalu menarik garis menggunakan alat garis lurus, ruang kerja itu menjadi 396 kotak
    • Setelah itu pembagian bisa dibuat lebih rapat, dan pekerjaan data gambar tangan akan terus kembali ke grid ini sampai akhir
    • Tujuan akhirnya adalah menghapus garis pensil agar hanya garis tinta yang tersisa dengan jelas, tetapi pada tahap ini fokusnya membangun struktur keseluruhan

  • Mengendalikan ketebalan garis dengan lingkaran

    • Jika mencoba menggambar grafik garis dengan marker tebal seperti Sharpie, sulit menghasilkan garis yang berkualitas baik
    • Hampir mustahil mengendalikan ketebalan garis dan menghubungkan semua titik data secara akurat hanya dengan satu sapuan pena
    • Sebagai cara membuat garis data yang profesional, digunakan stencil lingkaran
    • Titik-titik data ditandai sebagai titik kecil di atas grid dengan pensil, lalu lingkaran digambar di sekitar tiap titik untuk menentukan ketebalan garis
    • Tepi luar satu lingkaran dihubungkan ke tepi luar lingkaran berikutnya menggunakan kartu debit atau penggaris kecil
    • Dengan membuat garis penghubung sedikit bertumpang tindih, gaya sambungan garis seperti miter, bevel, round dapat dikendalikan

  • Menelusuri dengan tinta dan menghapus garis pensil

    • Tahap tinta terasa berat karena sulit dibatalkan, tetapi saat garis penghubung ditelusuri dengan hati-hati menggunakan pena, bentuk garis menjadi tetap
    • Jika bekas pensil di sekitar garis dihapus perlahan dengan penghapus, tinta tetap tinggal dan garis pensil menghilang
    • Dengan mengisi bagian dalam garis menggunakan pena atau kuas, garis grafik pun selesai
    • Visualisasi data tidak selesai hanya dengan garis; elemen teks seperti judul, label sumbu, anotasi, dan keterangan penulis juga diperlukan

Teks, tanda tangan, dan jejak produksi

  • Di kalangan seniman ada perdebatan tentang apakah karya perlu diberi tanda tangan; Alphonse Mucha meninggalkan tanda tangan yang mencolok pada banyak karyanya, tetapi pada lukisan paling monumentalnya tanda itu hampir disembunyikan
  • Edward Tufte menganggap keterangan penulis yang jelas itu penting, sementara Marcel Duchamp menandatangani sebuah urinal
  • Dalam visualisasi data juga, elemen teks seperti judul, label sumbu, anotasi, dan jika dipilih, keterangan penulis, menentukan tingkat penyelesaian akhir
  • Teks bisa ditambahkan langsung dengan tangan atau dengan lettering kit
  • Komponen logam kecil pada lettering kit adalah reservoir dan nib; reservoir menampung tinta dan nib mengontrol keluarnya tinta di dalam reservoir
  • Reservoir dan nib harus memiliki ukuran yang saling cocok, dan setelah digunakan harus dibersihkan dengan sabun, air, sikat gigi, dan computer duster
  • Semua garis pensil yang tersisa bisa dihapus, tetapi jika sebagian bekas pensil grid dibiarkan, itu menjadi petunjuk bahwa ini adalah karya buatan tangan sekaligus jejak proses pembuatannya
  • Sulit untuk terus meluangkan waktu menggambar data dengan tangan sambil mengerjakan hal rumit seperti melakukan query ke database, tetapi 50 jam kerja manual itu tetap menyisakan pertanyaan: “mengapa membuat sesuatu selama 50 jam padahal PowerPoint bisa membuatnya dalam 20 menit?”

Bacaan terkait

1 komentar

 
GN⁺ 7 jam lalu
Komentar Hacker News

  • Saya membuat furnitur, dan untuk klien jarak jauh saya mendesain secara digital, tetapi gambar kerja di bengkel saya gambar dengan tangan.
    Tip yang sangat berguna dari seorang juru gambar terlatih adalah memakai isi pensil yang lebih keras untuk garis tata letak dan garis bantu. Sesuatu seperti 6H~9H menghasilkan garis yang jauh lebih samar sehingga lebih mudah dihapus nanti, dan ujung runcingnya juga bertahan lebih lama.
    Saya lebih suka lead holder dengan isi 2 mm yang diraut memakai pointer, dibanding pensil kayu. Pointer K&E mudah ditemukan di eBay, dan cangkir abrasif yang benar-benar merautnya juga bisa didapat. Produk berbentuk tempat sampah plastik itu juga berfungsi, tetapi rasanya kurang enak dipakai.
    Mencari lead holder yang bagus cukup sulit. Produk Alvin terlalu longgar sehingga isi pensil terdorong masuk, dan produk Staedtler tidak menutup ujungnya dengan cukup rapat sehingga isinya kurang tersangga dan mudah patah. Produk Prismacolor lumayan, dan produk vintage warisan dari juru gambar yang saya sebut tadi sangat saya sukai.
    Untuk memperbaiki pekerjaan pensil tanpa terlalu banyak menghapus, saya merekomendasikan eraser shield. Kenalan lain yang berlatar belakang seni memberi tahu saya bahwa menaruh kertas kalkir di atas gambar utama untuk mencoba berkali-kali sebelum memutuskan detail bisa mengurangi kebutuhan menghapus.
    Vellum untuk drafting cukup toleran terhadap penghapusan, tetapi tekstur permukaannya lebih kasar, jadi kalau satu gambar dikerjakan terlalu lama bisa jadi agak kotor. Saya belum pernah memakai Bristol board, dan saya tidak butuh gambar yang sempurna untuk reproduksi, hanya gambar yang cukup baik untuk pembuatan.
    Menggambar adalah proses yang sangat memuaskan bagi saya. Kalau Anda tipe orang yang peduli pada detail, kemungkinan besar Anda juga akan menikmatinya.

    • 6H memang menghasilkan garis yang lebih samar dari segi warna, tetapi dalam praktiknya bisa lebih sulit dihapus. Karena sulit terlihat, kita secara alami menekan lebih kuat, dan itu membuat kertas tergores sehingga grafit tertinggal di dasar alur yang tidak bisa diangkat penghapus.
      Isi keras seperti ini mengandung lebih banyak tanah liat, jadi lebih mudah menggores kertas. Saya justru mengambil arah sebaliknya dan paling suka isi 4B. Dengan tekanan yang sangat ringan pun sudah bisa meninggalkan garis yang terlihat, dan sangat mudah dihapus dengan kneaded eraser.
      Benar juga bahwa 6H mempertahankan ujungnya jauh lebih lama. Hanya saja, saya akan memakai isi yang lebih keras hanya saat saya tidak perlu menghapus tandanya.
    • Saya cukup tua sampai sempat mengambil kelas drafting saat kelas 7. Satu tip yang saya ingat adalah memutar pensil sedikit demi sedikit saat menggunakannya. Mungkin tujuannya untuk menjaga bentuk pensil, tetapi bisa jadi ada alasan lain yang kurang obvious juga.
      Saya juga mengambil kelas pertukangan kayu, dan guru kami sepertinya senang menakut-nakuti murid dengan cerita tentang siswa yang bercanda di bengkel lalu mendapat akibat mengerikan. Di situlah saya belajar untuk berhati-hati dengan kompresor udara di sekitar luka terbuka.
    • Ada juga lead holder yang lebih tebal seperti 5.6 mm untuk konstruksi, dan ada isi merah juga.
      https://www.homedepot.com/b/Tools-Hand-Tools-Marking-Tools-L...
    • Saya suka proses menemukan alat yang pas di tangan. Saya juga sempat mencoba isi yang lebih keras dan menyukainya karena alasan yang disebutkan, tetapi entah kenapa akhirnya selalu kembali ke pensil mekanis BIC biasa.
      Eraser shield bagus dimasukkan ke daftar alat dan sering berguna. Tip tentang kertas kalkir juga bagus. Itu sepertinya bisa membantu menghilangkan langkah memotret lalu membuat sketsa di atasnya secara digital.
    • Saya harus mencoba metode itu. Di kampus saya justru mendengar saran yang sepenuhnya kebalikan, dan ketebalan garis saya berantakan.

  • Ini seharusnya jadi olahraga kompetitif seperti senam. “Mencoba bevel! Sampai garis ultra-lebar! Ambisius. Tapi pendaratan penyelarasan sudutnya sering gagal, kontrol jarak bevelnya kurang baik, dan cara penyambungan garis ini membuat data terlalu runcing. 7/10.”

    • Apakah yang dimaksud bevel di sini itu miter limit?

  • Perjalanan yang benar-benar menakjubkan dan menarik. Sekarang, karena AI dan software, semua orang terburu-buru ke sana kemari setiap hari, dan setelah AI muncul rasanya makin parah. Dalam hidup, ada saat-saat ketika kita lupa bagaimana merasakan dunia ini dan bagaimana mengerjakan sesuatu dengan sepenuh hati.
    Kenapa dunia harus secepat ini? Kenapa kita tidak bisa sekadar menikmati proses membuat sesuatu, alih-alih hanya melihat hasilnya? Mungkin orang menyukai penyelesaian cepat karena hidup ini singkat dan hal yang bisa dilakukan terbatas, jadi mereka ingin melakukan sebanyak mungkin.
    Tapi kenapa kita tidak bisa melambat. Kenapa kita tidak boleh menikmati hidup. Apakah kalau melambat kita tidak bisa bertahan hidup dan akan tertinggal. Kalaupun begitu, tidak apa-apa. Mengubah hidup bisa sulit dan berat, tetapi kalau kita melambat, kita bisa fokus pada satu hal, menikmati prosesnya, dan mungkin bertemu dengan sesuatu yang indah.
    Saya iri pada kemampuan untuk fokus pada satu hal selama 50 jam. Di tempat seperti sangkar burung di pusat kota yang berisik, sibuk, dan serba mendesak, itu hal yang sulit bagi kita.

  • Saya siap setuju dengan bagian “Seorang juru gambar profesional tahun 1920-an mungkin akan ngeri melihat ketidaksempurnaan grafik garis di atas. Biar saja.”, tetapi kerning masih mengganggu saya. Meski begitu, keseluruhannya sangat bagus.

    • Kerning itu memang pantas dikritik. Senang ada yang mengatakannya.
    • Menyesuaikan kerning secara manual dengan stensil itu luar biasa sulit, dan pada saat yang sama ketidaksempurnaan itu menunjukkan sentuhan tangan yang menjadi bagian dari daya tarik karya aslinya.

  • Proses yang luar biasa. Sungguh kesabaran yang langka di zaman sekarang. Saya juga sangat berterima kasih karena sudah membagikan tautan buku visualisasi data. Tufte juga jadi titik masuk saya, tetapi saya tidak pernah terpikir untuk mencari sampai ke buku sketsa teknis, gambar teknik, dan drafting.
    Saya suka visualisasi yang digambar tangan, jadi belakangan ini saya melihat-lihat Institut Nasional Statistik dan Studi Ekonomi Prancis (INSEE), dan koleksi laporannya dari sebelum 1900 hingga sekarang sangat luar biasa. Saya sangat suka materi indah tentang pasien gangguan jiwa di wilayah Seine dari tahun 1889 ini. Tipografinya sempurna https://www.bnsp.insee.fr/ark:/12148/btv1b52510983q/f49.item...
    Setelah bertahun-tahun hanya membaca Hacker News, tulisan ini akhirnya membuat saya membuat akun dan memberi upvote. Visualisasi data memang sangat menyenangkan.

    • Ini persis reaksi yang saya harapkan saat menulis postingan ini. Atlas de statistique graphique de la ville de Paris tahun 1889 punya visualisasi data hasil drafting tangan yang menakjubkan, yang mungkin tidak akan saya lihat kalau Anda tidak membagikannya.
      Terima kasih sudah membuat akun dan menambah daftar bahan visualisasi data. Saya berencana menambahkannya ke daftar pada pembaruan berikutnya.
    • Tautan arsip ini adalah kontribusi menyenangkan yang sangat cocok dengan tulisan tersebut. Saya suka peta lama yang digambar tangan, terutama peta jalan Michelin dan peta yang lebih tua lagi.

  • Tulisan yang luar biasa.
    Pada pertengahan 2010-an saya magang di kantor statistik federal Jerman. Beberapa staf pendukung tim sudah bekerja sejak tahun 1980-an dan 1990-an, dan mereka termasuk orang-orang yang masih belajar memakai alat-alat seperti ini dalam pelatihan kejuruan mereka.
    Mereka menunjukkan alat-alat itu, pedoman untuk menggambar tabel yang benar-benar sejajar dengan tangan, dan hasil akhir yang dijilid hingga ratusan halaman. Sulit membayangkan berapa banyak waktu yang mereka habiskan untuk satu proyek, dan sekarang semua pekerjaan itu sudah hilang karena otomatisasi.

    • Pasti itu magang yang sangat berharga. Dokumentasi dalam buku tentang teknik drafting tangan punya batas dalam seberapa banyak informasi yang bisa ditampung.
      Berapa banyak pengetahuan yang hanya diteruskan dari ahli ke murid? Dan apakah pengetahuan seperti itu hilang ketika mereka pergi?

  • Ini adalah postingan paling Hacker News yang pernah saya lihat. Menghabiskan 50 jam untuk sesuatu yang sebenarnya bisa selesai dalam 20 menit, demi vibe-nya.
    Tetap saja, ini sangat bagus. Ironi terbaiknya adalah kebanyakan dari kita bekerja di bidang yang justru membuat orang tidak perlu menghabiskan 50 jam untuk hal seperti itu.

  • Tulisan ini membantu saya lebih memahami poin Bret Victor tentang William Playfair. Playfair menciptakan banyak diagram data yang kita gunakan sekarang, termasuk grafik garis.
    Dulu terasa aneh bahwa sesuatu yang tampak seperti dasar cara berpikir tentang data baru ditemukan pada akhir abad ke-18, tetapi melihat seberapa besar pekerjaan yang dibutuhkan untuk merancang diagram seperti ini dengan benar membuat jelas betapa besar pemikiran kreatif yang diperlukan untuk memulainya.
    Saya berharap lebih banyak grafik memuat tingkat detail seperti ini, seperti pada gambar di postingan tersebut. Akan sangat berguna jika kita bisa melihat tepatnya di mana titik data berada, dan bagaimana garis serta interpolasinya disusun.
    [0] https://www.dougmacdowell.com/images/hand-drawn-data-outline...

  • Doug, akan bagus kalau Anda juga menambahkan Handbook of Graphic Presentation karya Calvin Schmid ke dalam daftar -- https://archive.org/details/HandbookOfGraphicPresentation/pa...
    Sayangnya, saya tidak melihat pembahasan spesifik tentang cara membuat ketebalan garis tetap konsisten. Namun ada catatan tentang cara meraut pensil dan memakai spline tukang kayu untuk menggambar kurva halus.

    • Pena gambar teknis dipegang tegak, dan ujungnya berbentuk bulat, sehingga menghasilkan lebar garis tertentu sesuai diameter mata penanya.
      Jika gambar akan ditinta, kemungkinan Anda tidak perlu terlalu memikirkan lebar garis yang presisi dan konsistensi pada pekerjaan pensil.
      Sebagai catatan, saya sendiri tidak meninta gambar. Saya pernah mencoba pena drafting beberapa kali sebagai eksperimen, tetapi itu bukan bagian dari alur kerja rutin saya.
      https://www.jetpens.com/blog/The-Best-Technical-Drawing-Pens
    • Itu akan jadi tambahan yang sangat bagus untuk daftar. Kurva masih menjadi tantangan yang belum saya dalami.
    • Untuk ketebalan garis yang konsisten, ruling pen membantu. Itu alat seperti pena celup yang memungkinkan Anda mengatur lebar tintanya.
      https://en.wikipedia.org/wiki/Ruling_pen

  • Saya belajar gambar teknik era sebelum komputer di sekolah. Kami memakai pensil, kertas, T-square, kompas, dan semacamnya, dan proses menyusun sesuatu dengan pensil dan kertas itu cukup menyenangkan.
    Salah satu hal baiknya adalah Anda jadi memahami dengan sangat dekat apa yang sedang dirancang. Karena perlu upaya mental untuk menyusun setiap bagian kecilnya.
    Saya juga merasa itu sangat membantu untuk memahami sensasi memproyeksikan 3D ke 2D. Hanya saja dulu itu sulit di Atari 800XL, dan saya bermimpi suatu hari akan ada layar resolusi tinggi seperti 800x600 dengan 256 warna :)