- एक line graph सॉफ़्टवेयर से 20 मिनट में बनाया जा सकता है, लेकिन ruler, pencil, ink और lettering tools के साथ 50 घंटे लगाकर इसे सांख्यिकीय रूप से सटीक बनाया गया
- PowerBI, Tableau, D3, Python की बजाय ध्यान कंप्यूटर-पूर्व पेशेवर drafting तरीकों पर है, और हाथ से बनाई गई data visualization को एक कला-कर्म की तरह देखा गया है
- Edward R. Tufte, W.E.B. Du Bois, Willard C. Brinton के visualization कार्यों और mechanical drawing व technical sketching की किताबों से निर्माण पद्धति के संकेत लिए गए
- निर्माण प्रक्रिया में 20 x 24 इंच के कागज़ पर 18 x 22 इंच का कार्य-क्षेत्र और 396 वर्गों वाला grid बनाया गया, और circle stencil से line thickness नियंत्रित की गई
- ink tracing, pencil lines मिटाना, title·axis labels·annotations·signature जोड़ने तक की प्रक्रिया से गुज़रते हुए, कुछ निर्माण-चिन्ह हाथ के काम के संकेत के रूप में छोड़े जा सकते हैं
हाथ से data visualization बनाने की शुरुआत
- सॉफ़्टवेयर से 20 मिनट में बनने वाले line graph को ruler, pencil, ink और lettering tools से 50 घंटे में पूरा किया गया
- विषय coffee maker computer पर आधारित data visualization था, और परिणाम सांख्यिकीय रूप से सटीक तथा बहुत सावधानी से तैयार किया गया
- Hackaday ने इस काम को “जैसे सीधे 1970 के दशक की किसी यूनिवर्सिटी पाठ्यपुस्तक से निकला हो” कहा
- मुख्य बात PowerBI, PowerPoint, Tableau, D3, Python, Illustrator, R जैसे tools नहीं, बल्कि कंप्यूटर-पूर्व पेशेवर drafting तरीकों से data बनाना है
- हाथ से बनाई गई data visualization को कला-कर्म की तरह देखा जाता है, जिसमें tool mastery, गलतियाँ, संयोग और निर्माण के निशान सब शामिल होते हैं
संदर्भ पुस्तकें और दृश्य प्रेरणा
ज़रूरी tools और materials
- Paper - smooth bristol is best, 14 x 17 in. or larger: चिकना Bristol paper उपयुक्त है, और 14 x 17 इंच या उससे बड़ा आकार सुझाया गया है
- T-square - provides a level guide for your drawing: क्षैतिज आधार तय करने का tool
- Ruler - it's important to have a measurement tool: माप लेने का बुनियादी tool
- Drawing board - I use cement board from a hardware store, at least 3 x 3 ft preferred: hardware store की cement board इस्तेमाल की गई, और कम से कम 3 x 3 ft उपयुक्त माना गया
- Painter's tape - must-have for holding paper and t-square down, I like the wide variety: paper और T-square को स्थिर रखने के लिए ज़रूरी
- Pencils - a classic mechanical BIC is my favorite: pencil work के लिए tool
- Pens - most anything works, I like Micron pens: ज़्यादातर pens काम करते हैं, Micron pens पसंद किए गए
- Eraser - erasing graphite to reveal crisp ink lines is a special thing, Staedler erasers are great: graphite मिटाकर साफ़ ink lines उभारने के लिए इस्तेमाल होता है
- Triangle - slides along the t-square, used to draw vertical lines and angles: T-square के साथ चलकर vertical lines और angles खींचने का tool
- Circle stencil - very important tool, this is used to create consistent line weights: समान line weight बनाने का अहम tool
- Ink - this one with a spider person is my favorite: ink work में उपयोग होता है
- Lettering kit - not required, but a very fun vintage tool to create nice lettering: अनिवार्य नहीं, लेकिन साफ़ lettering के लिए उपयोगी vintage tool
grid से line graph तक बनाने की प्रक्रिया
-
grid से कार्य-क्षेत्र बनाना
- हाथ से data visualization बनाना grid से शुरू होता है, और यह tools से परिचित होने की एक शांत प्रक्रिया भी है
- कागज़ को drafting board पर रखकर T-square से क्षैतिज स्तर मिलाया जाता है, फिर painter's tape से ऊपरी किनारे को स्थिर किया जाता है
- tape को शरीर पर लपेटकर तीन चक्कर लगाने से कपड़ों का रेशा उसकी चिपकने की ताकत कम कर देता है, जिससे वह कागज़ से बहुत ज़्यादा नहीं चिपकती
- अगर कागज़ 20 x 24 इंच का हो, तो हर किनारे से 1 इंच भीतर margin line खींचकर 18 x 22 इंच का कार्य-क्षेत्र बनाया जाता है
- margin lines पर हर 1 इंच पर निशान लगाकर straightedge से रेखाएँ खींची जाएँ तो कार्य-क्षेत्र में 396 squares बनते हैं
- बाद में इसे और बारीकी से बाँटा जा सकता है, और हाथ से किया गया data work अंत तक इसी grid पर लौटता रहता है
- अंतिम लक्ष्य pencil lines मिटाकर केवल साफ़ ink lines छोड़ना है, लेकिन इस चरण में पूरी संरचना तय की जाती है
-
circles से line thickness नियंत्रित करना
- अगर Sharpie जैसे मोटे marker से line graph खींचने की कोशिश की जाए, तो अच्छी quality की line बनाना मुश्किल होता है
- pen की सिर्फ़ एक stroke से line thickness नियंत्रित करना और सभी data points को सटीक रूप से जोड़ना लगभग असंभव है
- पेशेवर data line बनाने के लिए circle stencil का उपयोग किया जाता है
- pencil से grid पर data points को छोटे dots के रूप में चिन्हित किया जाता है, और हर dot के चारों ओर circle बनाकर line thickness तय की जाती है
- एक circle के बाहरी किनारे को अगले circle के बाहरी किनारे से debit card या छोटे ruler की मदद से जोड़ा जाता है
- अगर connecting lines थोड़ी-सी overlap करें, तो miter, bevel, round जैसे line join styles को नियंत्रित किया जा सकता है
-
ink से trace करना और pencil lines मिटाना
- ink का चरण दबाव वाला होता है क्योंकि इसमें वापस लौटना मुश्किल है, लेकिन connecting lines पर सावधानी से pen चलाने पर line का रूप तय हो जाता है
- eraser को हल्के हाथ से इस्तेमाल कर line के आसपास के pencil marks मिटाने पर ink बनी रहती है और pencil lines गायब हो जाती हैं
- pen या brush से line के भीतर भरने पर graph line पूरी हो जाती है
- केवल line से data visualization पूरी नहीं होती; title, axis labels, annotations और author mark जैसे text elements भी ज़रूरी होते हैं
टेक्स्ट, हस्ताक्षर और निर्माण के निशान
- कलाकारों के बीच इस बात पर बहस रही है कि काम पर signature होना चाहिए या नहीं; Alphonse Mucha ने कई कामों पर साफ़ दिखाई देने वाले signatures छोड़े, लेकिन उनकी सबसे स्मारकीय paintings में यह लगभग छिपे हुए रूप में था
- Edward Tufte के अनुसार स्पष्ट author mark ज़रूरी है, और Marcel Duchamp ने एक urinal पर signature किया था
- data visualization में भी title, axis labels, annotations और यदि चुना जाए तो author mark जैसे text elements अंतिम गुणवत्ता तय करते हैं
- text को हाथ से सीधे जोड़ा जा सकता है या lettering kit से डाला जा सकता है
- lettering kit के छोटे metal parts reservoir और nib होते हैं; reservoir ink रखता है और nib उसके भीतर ink के प्रवाह को नियंत्रित करता है
- reservoir और nib का आकार एक-दूसरे से मेल खाना चाहिए, और इस्तेमाल के बाद इन्हें soap, water, toothbrush और computer duster से साफ़ करना चाहिए
- बची हुई सभी pencil lines मिटाई जा सकती हैं, लेकिन अगर grid के कुछ pencil marks छोड़े जाएँ, तो वे हाथ से बने काम और उसकी निर्माण-प्रक्रिया के संकेत बने रहते हैं
- database query जैसे जटिल काम करते हुए data को हाथ से खींचने के लिए लगातार समय निकालना मुश्किल है, लेकिन 50 घंटे के इस हाथ के काम से यह सवाल बचा रहता है: “जब PowerPoint 20 मिनट में यह बना सकता है, तो इसे 50 घंटे लगाकर क्यों बनाया गया?”
1 टिप्पणियां
Hacker News की राय
मैं फ़र्नीचर बनाता हूँ, और remote clients के लिए डिज़ाइन digital में करता हूँ, लेकिन workshop drawings हाथ से बनाता हूँ
एक प्रशिक्षित drafter से मिला बहुत उपयोगी सुझाव यह था कि layout lines और guide lines के लिए ज़्यादा hard pencil lead इस्तेमाल करो। 6H~9H जैसी lead से बाद में मिटाने में आसान, बहुत हल्की रेखाएँ बनती हैं, और नुकीला सिरा भी ज़्यादा देर तक बना रहता है
लकड़ी वाली pencil की जगह मैं lead holder पसंद करता हूँ, जिसमें 2mm lead डालकर lead pointer से तराशा जाता है। K&E lead pointer eBay पर आसानी से मिल जाता है, और असली sharpening cups भी मिल जाते हैं। प्लास्टिक कूड़ेदान जैसे दिखने वाले products काम तो करते हैं, लेकिन हाथ में उतना अच्छा feel नहीं देते
अच्छा lead holder ढूँढना मुश्किल है। Alvin के products बहुत loose हैं, इसलिए lead अंदर धँस जाती है, और Staedtler के products का tip काफ़ी कसकर बंद नहीं होता, इसलिए lead को पर्याप्त support नहीं मिलता और वह आसानी से टूट जाती है। Prismacolor ठीक-ठाक था, और ऊपर बताए गए drafter से मिला vintage product मुझे बहुत पसंद है
pencil work सुधारते समय बहुत ज़्यादा मिटाने से बचना हो तो eraser guard की सिफारिश करूँगा। art background वाले एक दूसरे दोस्त ने बताया कि details final करने से पहले original drawing पर tracing paper रखकर कई बार कोशिश करो, तो मिटाने की ज़रूरत कम पड़ती है
drafting vellum मिटाने के मामले में काफ़ी forgiving है, लेकिन उसकी surface texture ज़्यादा rough होती है, इसलिए एक drawing पर बहुत देर काम करो तो वह थोड़ा गंदा दिखने लग सकता है। Bristol board मैंने कभी इस्तेमाल नहीं किया, और मुझे reproduction के लिए perfect drawing नहीं, सिर्फ़ fabrication के लिए पर्याप्त drawing चाहिए
drawing बनाना मेरे लिए बहुत संतोषजनक प्रक्रिया है। अगर आप details पर ध्यान देने वाले इंसान हैं, तो शायद आपको भी यह काफ़ी पसंद आए
ऐसी hard leads में clay ज़्यादा होती है, इसलिए वे कागज़ को आसानी से खरोंचती हैं। मैं उलटी दिशा में गया और मुझे 4B lead सबसे ज़्यादा पसंद है। बहुत हल्के दबाव से भी दिखने वाली line बन जाती है, और kneaded eraser से बहुत आसानी से मिट जाती है
यह बात सही है कि 6H अपनी नोक बहुत ज़्यादा देर तक बनाए रखती है। लेकिन मैं hard lead तभी इस्तेमाल करूँगा जब निशान मिटाने की ज़रूरत न हो
मैंने woodshop class भी ली थी, और शिक्षक को लगता था कि workshop में शरारत करके भयानक नतीजे झेलने वाले छात्रों की कहानियाँ सुनाकर हमें डराने में मज़ा आता था। वहीं मैंने यह भी सीखा कि खुले घाव के आसपास air compressor से सावधान रहना चाहिए
https://www.homedepot.com/b/Tools-Hand-Tools-Marking-Tools-L...
eraser guard tool list में जोड़ने लायक है और अक्सर काम आता है। tracing paper वाली tip भी अच्छी है। फोटो लेकर उस पर digital sketch करने की प्रक्रिया हटाने में यह मददगार हो सकती है
इसे gymnastics की तरह एक competitive sport होना चाहिए। “अब bevel की कोशिश! ultra-wide line तक! काफ़ी ambitious है। लेकिन corner alignment landings बार-बार fail हुई हैं, bevel distance ठीक से control नहीं हुई, और इस line-joining method में data बहुत ज़्यादा pointy है। 7/10”
यह सच में हैरान कर देने वाली और दिलचस्प यात्रा है। आजकल AI और software की वजह से हर कोई हर दिन इधर-उधर भाग रहा है, और AI आने के बाद तो यह और बढ़ गया है। जीते-जी हम कभी-कभी भूल जाते हैं कि इस दुनिया को महसूस कैसे करना है, और पूरे मन से किसी काम में लगना कैसे है
दुनिया इतनी तेज़ क्यों होनी चाहिए? क्यों न सिर्फ़ नतीजे देखने के बजाय बनाने की प्रक्रिया का आनंद लिया जाए? शायद लोग जल्दी पूरा होना पसंद करते हैं क्योंकि ज़िंदगी छोटी है और हम जो कर सकते हैं वह सीमित है, इसलिए ज़्यादा से ज़्यादा करना चाहते हैं
लेकिन धीमे क्यों नहीं हो सकते। ज़िंदगी का आनंद क्यों नहीं ले सकते। क्या धीमे होने पर हम बच नहीं पाएँगे और पीछे छूट जाएँगे। अगर ऐसा हो भी, तो भी ठीक है। ज़िंदगी बदलना कठिन और थका देने वाला हो सकता है, लेकिन धीमे होकर आप एक चीज़ पर ध्यान दे सकते हैं, प्रक्रिया का आनंद ले सकते हैं, और सुंदरता से मिल सकते हैं
50 घंटे तक एक ही चीज़ पर ध्यान लगा पाना ईर्ष्या जगाता है। शोरगुल, व्यस्तता और हड़बड़ी से भरे शहर के पिंजरे जैसे जीवन में यह हमारे लिए करना कठिन है
“1920s का कोई professional drafter ऊपर वाले line graph की imperfections देखकर शायद घृणा से भर जाए। तो भरे।” इस हिस्से से सहमत होने को तैयार हूँ, लेकिन kerning अब भी मुझे परेशान करता है। फिर भी कुल मिलाकर यह वाकई बहुत अच्छा है
कमाल की प्रक्रिया है। आज के समय में इतनी patience! data visualization books के links साझा करने के लिए भी ख़ास तौर पर धन्यवाद। Tufte मेरे लिए भी entry point था, लेकिन technical sketching, engineering drawing, और drafting की किताबें ढूँढने का ख़याल नहीं आया था
मुझे hand-drawn visualizations पसंद हैं, इसलिए हाल में मैं France के national statistics office INSEE को देख रहा था, और 1900 से पहले से लेकर आज तक की उसकी reports collection शानदार है। ख़ास तौर पर 1889 में Seine क्षेत्र के मानसिक रोगियों पर यह सुंदर सामग्री मुझे बहुत पसंद आई। typography बेहतरीन है https://www.bnsp.insee.fr/ark:/12148/btv1b52510983q/f49.item...
कई सालों तक सिर्फ़ Hacker News पढ़ने के बाद, इस पोस्ट की वजह से मैंने आख़िरकार account बनाया और upvote किया। data visualization वाकई मज़ेदार है
account बनाकर और data visualization resources list में योगदान देने के लिए धन्यवाद। अगली update में इसे list में जोड़ने का इरादा है
शानदार लेख है
मैंने 2010s के बीच में Germany के federal statistical office में internship की थी। team support staff में कुछ लोग ऐसे थे जो 1980s~90s से काम कर रहे थे, और vocational training के दौरान अब भी ऐसे tools का इस्तेमाल सीखते थे
उन्होंने मुझे ये tools दिखाए, साथ ही हाथ से बिल्कुल aligned tables बनाने के निर्देश, और नतीजे जो सैकड़ों pages में bound होकर आते थे। एक ही project पर कितना समय लगा होगा, इसकी कल्पना करना भी कठिन था, और अब वह सब automation से पूरी तरह गायब हो चुका काम है
कितना ज्ञान ऐसा रहा होगा जो सिर्फ़ experts से apprentices तक जाता था? और क्या वह ज्ञान उनके चले जाने पर खो जाता है?
यह मैंने अब तक देखी सबसे Hacker News जैसी पोस्ट है। सिर्फ़ vibe के लिए 20 मिनट के काम पर 50 घंटे लगा देना
फिर भी यह सच में बहुत अच्छी है। सबसे बड़ी irony यह है कि हममें से ज़्यादातर लोग उसी industry में काम करते हैं जो लोगों को ऐसे काम में 50 घंटे न लगाने पड़ें, यह सुनिश्चित करती है
इस लेख की वजह से Bret Victor का William Playfair के बारे में कहा गया point अब मुझे बेहतर समझ आया। Playfair ने line graph समेत आज इस्तेमाल होने वाले कई data charts का आविष्कार किया था
जो चीज़ें data के बारे में सोचने की बुनियाद जैसी लगती हैं, उनका 18वीं सदी के आख़िर में ही आविष्कार हुआ — यह मुझे हमेशा अजीब लगा। लेकिन ऐसे charts को ठीक से design करने में लगने वाले काम को देखकर साफ़ होता है कि इस सब की शुरुआत कराने के लिए कितनी रचनात्मक सोच चाहिए थी
काश ज़्यादा graphs में इस लेख की image जैसी detail होती। data points ठीक कहाँ हैं, और lines व interpolation कैसे बने हैं, यह देख पाना बहुत उपयोगी होता
[0] https://www.dougmacdowell.com/images/hand-drawn-data-outline...
Doug, list में Calvin Schmid की Handbook of Graphic Presentation भी जोड़ना अच्छा होगा -- https://archive.org/details/HandbookOfGraphicPresentation/pa...
अफ़सोस, इसमें uniform line width बनाए रखने पर कोई ठोस चर्चा नहीं दिखती। फिर भी pencil sharpen करने और smooth curves बनाने के लिए carpenter’s spline इस्तेमाल करने पर notes हैं
अगर drawing में बाद में ink भरनी हो, तो शायद pencil work की सटीक line width और consistency को लेकर इतनी चिंता करने की ज़रूरत न पड़े
वैसे, मैं अपनी drawings में ink नहीं भरता। प्रयोग के तौर पर drafting pens कुछ बार इस्तेमाल किए हैं, लेकिन वे मेरे सामान्य workflow का हिस्सा नहीं हैं
https://www.jetpens.com/blog/The-Best-Technical-Drawing-Pens
https://en.wikipedia.org/wiki/Ruling_pen
स्कूल में मैंने pre-computer era की technical drafting सीखी थी। pencil, paper, T-square, compass जैसी चीज़ें इस्तेमाल कीं, और pencil व paper से कुछ बनाना काफ़ी मज़ेदार था
उसकी एक अच्छी बात यह है कि आप जिस चीज़ को design कर रहे होते हैं, उसे बहुत क़रीब से समझने लगते हैं। क्योंकि हर छोटे हिस्से को गढ़ने में मानसिक मेहनत लगती है
मुझे लगता है कि इससे 3D को 2D में project करने की समझ विकसित करने में भी काफ़ी मदद मिली। हालाँकि पुराने Atari 800XL पर यह काफ़ी मुश्किल था, और मैं 800x600 पर 256 colors जैसी high-resolution screen आने का सपना देखता था :)