Monodraw: Mac के लिए ASCII आर्ट एडिटर

 (monodraw.helftone.com)
2 पॉइंट द्वारा GN⁺ 2024-03-10 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Monodraw Mac के लिए एक ASCII आर्ट एडिटर है, जिससे डायग्राम, flowcharts और data structures को plain text में बनाया जा सकता है ताकि वे technical documents और code के अंदर सीधे पढ़े जा सकें
  • आउटपुट text होने की वजह से इसे copy-paste करना आसान है, और जरूरत पड़ने पर PNG·SVG export से image format भी बनाया जा सकता है
  • यह mind maps, ER diagrams और banners बनाने तक को support करता है, इसलिए इसका फोकस simple text editing से ज्यादा documentation के लिए visualization पर है
  • FIGlet और default 148 fonts, lines, rectangles, alignment guides, groups, shortcuts जैसी features देता है, जो repetitive text art work को कम करते हैं
  • macOS 11 Big Sur या उससे ऊपर चाहिए; command-line tool website से direct download किए गए और store से खरीदे गए version में ही शामिल है

Text से drawing करने वाला Mac visualization tool

  • Monodraw Mac पर ASCII art बनाने के लिए एक editor है
  • Diagrams, layouts, flowcharts जैसी structures को text-based तरीके से बनाया जा सकता है
  • Algorithms, data structures, binary formats जैसे ऐसे विषयों को visually organize करने में इस्तेमाल होता है जिन्हें सिर्फ code से समझना मुश्किल हो सकता है
  • आउटपुट plain text होता है, इसलिए इसे documents, code और specifications में लगभग वैसे ही insert किया जा सकता है
  • Image की जरूरत होने पर इसे PNG और SVG में export किया जा सकता है

Technical documents और data models की प्रस्तुति

  • Code और specifications में आने वाले text diagrams का उपयोग structure को जल्दी समझाने में मदद करने के लिए होता है
  • Data structures, algorithms और data formats का visualization, readers को relationships और flow समझने में मदद करने के लिए महत्वपूर्ण है
  • Code लिखने की तुलना में उसे पढ़ने में ज्यादा समय लगता है, इसलिए text diagrams maintenance और review process में मददगार हो सकते हैं

  • Mind maps

    • Plain text की simplicity और mind map के तरीके को combine करता है
    • Infinite canvas पर text को मनचाही position पर move किया जा सकता है
    • Text file की linear structure तक सीमित नहीं रहता

  • ER diagrams

    • Data model को simple entity-relationship diagram के रूप में visualize करता है
    • Crow’s Foot notation को 3 variants में support करता है

Text art बनाने की features

  • Banners एक click में बनाए जा सकते हैं
  • FIGlet built-in है, और default रूप से 148 fonts शामिल हैं
    • Custom fonts भी support करता है
    • Text box resizing, font change और alignment adjustment को terminal के बिना interactively handle किया जा सकता है
  • Text tool CoreText-based custom text engine पर चलता है
    • Alignment, position, line progression direction और line movement adjust किए जा सकते हैं
    • एक click में text के आसपास border add किया जा सकता है
  • Line tool shapes को connect करना आसान बनाता है, और orthogonal lines व stepped lines support करता है
    • Line का dash pattern set किया जा सकता है
    • Connection points के जरिए lines को दूसरे shapes से dynamically attach किया जा सकता है, जिससे shapes move करने के बाद उन्हें दोबारा arrange करने की मेहनत कम होती है
  • Rectangle tool text art में अक्सर इस्तेमाल होने वाले boxes बनाने की feature है
    • Border और background को कुछ clicks में specify किया जा सकता है
    • Shadow add किया जा सकता है
    • Custom connection points से lines को सही position पर attach किया जा सकता है

Canvas work कम करने वाली helper features

  • Basic drawing tools के रूप में Pencil, Eraser, Bucket Fill और Picker उपलब्ध हैं
    • Image को canvas पर overlay करके tracing के लिए इस्तेमाल किया जा सकता है
  • Groups feature कई shapes को एक साथ बांधकर duplication और movement को आसान बनाता है
  • Alignment guides content placement और resizing के समय characters की संख्या manually गिनने की जरूरत नहीं रहने देते
  • Focus feature canvas के किसी specific हिस्से पर ध्यान देते समय बाकी shapes को lock या hide कर सकता है
    • फिलहाल दिख रहे elements पर focus करने के लिए zoom किया जा सकता है
  • सभी features को shortcuts से access किया जा सकता है
    • Tools को modifier keys के बिना single key input से जल्दी select किया जा सकता है

macOS support और command-line tool की शर्तें

  • Monodraw को text layout engine से लेकर interface तक macOS के लिए native app के रूप में design किया गया है
  • Text art को copy करके अपने पसंदीदा text editor में paste करने के तरीके से export किया जा सकता है
  • System requirement macOS 11 Big Sur या उससे ऊपर है
    • पुराने macOS पर Monodraw v1.3 इस्तेमाल किया जा सकता है, जिसके लिए macOS 10.10 Yosemite या उससे ऊपर चाहिए
    • Monodraw v1.5 के लिए macOS 10.14 Mojave या उससे ऊपर चाहिए
  • Command-line interface सिर्फ direct download version में शामिल है
    • Website से direct download कर store से खरीदे गए version में यह शामिल होता है
    • Mac App Store version में App Sandbox restrictions की वजह से command-line tools शामिल नहीं किए जा सकते
    • इसे version-control hooks के साथ इस्तेमाल कर commits के समय documents auto-generate करने जैसे workflows बनाए जा सकते हैं
    • JSON output भी support करता है, जिससे program में handle करना आसान होता है
  • Monodraw का कहना है कि वह कोई data collect नहीं करता

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-03-10
Hacker News की टिप्पणियाँ

  • आख़िरकार मैं हमेशा Monodraw पर ही लौट आता हूँ
    दूसरे apps में features और style options इतने ज़्यादा होते हैं कि असल content पर ध्यान लगाना मुश्किल हो जाता है, लेकिन Monodraw भटकाता नहीं है
    फिर भी इसमें इतने features हैं कि काफ़ी कुछ बनाया जा सकता है, और ख़ासकर anchors मुझे पसंद हैं: https://tamasruss.com/articles/monodraw-anchors

    • यह थोड़ा विडंबनापूर्ण है कि एक तरफ़ कहा जा रहा है कि दूसरे apps content पर ध्यान नहीं लगाने देते, लेकिन Monodraw में responsive dividers और anchor points से छेड़छाड़ करना ठीक माना जा रहा है
      फिर भी यह technique काफ़ी साफ़-सुथरी है
    • classes के लिए UML boxes वास्तव में उपयोगी हैं, और tutorial भी अच्छा है

  • यह सच में मेरे पसंदीदा apps में से एक है, और रिलीज़ होते ही मैंने इसके लिए पैसे दे दिए थे
    मैंने इसे इस तरह के documentation में कई बार इस्तेमाल किया है: https://github.com/ivank/potygen/blob/main/packages/potygen/...
    ASCII इतना versatile है कि यह अनपेक्षित जगहों पर भी अच्छे दिखने वाले diagrams डालकर समझना आसान बना देता है

    • वे corners Unicode block characters जैसे लगते हैं
    • यह example software की आकर्षकता तुरंत दिखाने वाला शानदार diagram है, इसलिए इसे ख़ुद देखना मन करता है
    • लाइन 656 पर "With Expression" diagram emacs में तो ठीक दिखता है, लेकिन वही लिंक chrome में खोलने पर दाहिना हिस्सा पूरा टूटा हुआ दिखता है
      characters तो सही हैं, लेकिन लगता है github की font choice extended हिस्से की “meaningful whitespace” को ठीक से handle नहीं कर पा रही
    • बेहतर होगा कि जिस line को दिखाना है, उसे select करके उसी जगह का link दिया जाए

  • मैं web-based text-to-diagram tools की एक सूची रखता हूँ: https://xosh.org/text-to-diagram/
    इस तरह के ASCII drawing tools के web alternatives में https://fsymbols.com/draw/, https://textik.com/, https://asciiflow.com/#/, https://web.archive.org/web/20210503172024/https://fatiherik..., https://app.monosketch.io आदि शामिल हैं

    • सूची में Pikchr पर भी विचार किया जा सकता है
      यह SQLite बनाने वाले व्यक्ति का tool है: https://pikchr.org/home/doc/trunk/doc/userman.md
    • हाल में हाथ से बनाए गए diagrams के हिसाब से, इस सूची के tools में वे सभी features नहीं थे जो मैं चाहता था
      सूची में diagonals संभालने वाला शायद सिर्फ़ https://textik.com/ ही है, और उसमें भी fill feature नहीं दिखता
      और जो diagram मैं बनाना चाहता था, वह कुछ ऐसा था: https://pastebin.com/NPXFS1Fi
      textik.com में मैंने boxes और triangles तो बना लिए, लेकिन कई corners हाथ से ठीक करने पड़े और अंदर का हिस्सा भी ख़ुद भरना पड़ा
      Monodraw सिर्फ़ 10 डॉलर का है, फिर भी यह Mac-only native app है, इसलिए पता नहीं मैं पैसे दूँगा या नहीं
      मैं web पर ज़्यादा काम करता हूँ, कई devices इस्तेमाल करता हूँ, और diagrams साल में बस कुछ बार ही बनाता हूँ, इसलिए web-based या VSCode plugin ज़्यादा बेहतर लगता है
    • https://fmhy.net की सूचियाँ भी देखी जा सकती हैं
      वहाँ कुछ दिलचस्प tools मिल सकते हैं
    • सूची में जोड़ने लायक एक tool https://mbarkhau.github.io/asciigrid भी है
    • कुछ साल पहले मैंने एक simple tool बनाया था, और वह अब भी https://letterbrush.com पर host हो रहा है

  • मुझे यह tool सच में बहुत पसंद है
    मैंने इसका इस्तेमाल Mapless diagrams बनाने में किया था: https://sebastianconcept.github.io/Mapless/guides/2024/01/28...
    और Pharo VM Plugin builder configuration को document करने में भी: https://github.com/sebastianconcept/PharoPluginBuilder

    • यानी आपने ASCII drawing tool से text diagrams बनाए, फिर उनका screenshot लेकर website पर डाल दिया?
      कुछ rectangles बनाने के लिए यह थोड़ा घुमावदार तरीका लगता है, क्या इससे आसान कोई तरीका नहीं है?
    • मैं इसे source code documentation में इस्तेमाल करता हूँ, और code के अंदर buffers या struct layouts को visualize करने के लिए यह बहुत अच्छा है

  • अगर यह cross-platform होता तो कमाल होता
    मैं इसे Linux पर भी इस्तेमाल करना चाहूँगा
    polished apps बनाने में लगने वाली मेहनत मैं समझता हूँ, लेकिन अच्छा होता अगर desktop app tools Linux, Windows और Mac को ज़्यादा बेहतर तरीके से target करते
    शायद web-based apps के बढ़ने की बड़ी वजह भी यही है

    • यह थोड़ा हैरान करता है कि desktop applications में Qt का ज़्यादा इस्तेमाल नहीं होता
      इस तरह के apps के लिए यह सच में बहुत उपयुक्त है

  • बढ़िया tool है
    web version के विकल्प के तौर पर मेरे एक दोस्त ने Kotlin में यह बनाया है: https://github.com/tuanchauict/MonoSketch
    मैंने भी Rust में इसका एक कम पूरा हुआ version बनाया है: https://github.com/huytd/ascii-d

  • अच्छा लग रहा है
    https://asciiflow.com/ एक web-आधारित विकल्प है, और यह वह टूल है जिसे मैं पिछले 10 सालों से मुख्य रूप से इस्तेमाल करता आया हूँ

    • मैं हमेशा ASCIIFlow का इस्तेमाल करता हूँ
      बस अभी तक यह पता नहीं लगा पाया हूँ कि browser में fixed-width font को सही तरह render कैसे कराया जाए
      इस पेज पर दिए गए example diagram को देखें: http://uggly.bytester.net/#how-it-works
    • लगता है कि इस तरह के diagram में मौजूद text को screen reader पढ़ नहीं पाते

  • यह उस तरह का app है जिसे आप कभी-कभार ही इस्तेमाल करें, फिर भी खरीदकर अपने पास रखना चाहेंगे

    • जिज्ञासा है कि क्या आप इसे बहुत पहले से इस्तेमाल कर रहे हैं, या बस यह अनुमान लगा रहे हैं कि यह आपको पसंद आने वाला software type है
      अगर आपने इसे सच में इस्तेमाल किया है, तो यह भी सुनना चाहूँगा कि आपने बनाए गए diagram का उपयोग कैसे किया
      diagram के screenshot की तो कल्पना की जा सकती है, लेकिन मूल text शायद terminal जैसी जगहों में डालने के लिए बहुत बड़ा होगा
    • website का design भी साफ-सुथरा है

  • यह app 2018 में maintenance mode में चला गया था, उसके बाद क्या कुछ बदला है? https://blog.helftone.com/monodraw-maintenance-mode/

    • मैं Monodraw का developer हूँ
      app के लिए मिले अच्छे response के लिए धन्यवाद
      मेरे पास समय बहुत कम है, इसलिए मैं ज़्यादा updates जारी नहीं कर पा रहा हूँ
      मैं कुछ ज़्यादा माँगे गए features पर काम कर रहा हूँ, लेकिन यह वादा नहीं कर सकता कि वे कब जारी होंगे
      आम तौर पर छुट्टियों के दौरान इसमें थोड़ा-थोड़ा आगे बढ़ता हूँ
      फिर भी OS upgrades से जो टूट-फूट होती है, उसे मैं ठीक करता रहूँगा और product को काम करता हुआ बनाए रखने का इरादा है
    • https://x.com/Monodraw को देखें तो लगता है कि सच में updates हुए हैं
    • FAQ के नीचे दिया गया जवाब थोड़ा अजीब लगता है
      उसमें कहा गया है कि open source project को maintain करना बड़ा बोझ है, और अगर तैयार product को open source किया जाए तो अनजान ग्राहकों को clone बेचने जैसी बातें हो सकती हैं
      लेकिन open source करने पर contributors कुछ काम संभाल सकते हैं, और कुछ licenses ऐसे clone की बिक्री को रोक भी सकती हैं

  • मैंने इसे पहले इस्तेमाल किया था, और यह अच्छा था
    याद के हिसाब से मेरी एक शिकायत यह थी कि anchors या resize किए जा सकने वाले boxes जैसी बढ़िया features को बनाए रखने के लिए इसका अपना built-in file format इस्तेमाल करना पड़ता था
    सिर्फ इसलिए कि यह Markdown document के अंदर ASCII drawing की ओर इशारा करता है, इसका मतलब यह नहीं कि सारे features अपने-आप मिल जाएँगे
    अगर सच में चाहें तो शायद चतुर algorithms और LLM की मदद से इसे कुछ हद तक सुलझाया जा सकता है, और मैंने खुद LLM का इस्तेमाल ASCII diagram के draft बनाने में काफी किया है, कुछ हद तक सफलता भी मिली है
    लेकिन maintainability — यानी box को box की तरह संभालना और उसे हिलाने पर connections का साथ में चलना — और portability — यानी सब कुछ pure text होना — के बीच अच्छा संतुलन मुझे अभी तक नहीं मिला
    अगर Monodraw का नया version अलग है, या कोई और tool इस समस्या को हल करता है, तो मैं ज़रूर जानना चाहूँगा
    कम से कम Emacs के artist mode की तुलना में Monodraw मुझे बेहतर लगा

    • दिलचस्प नज़रिया है
      जानना चाहूँगा कि क्या आपके पास ऐसे बहुत सारे existing diagrams हैं जिन्हें आप manage करना चाहते हैं
      अगर मैं शुरू से बना रहा होता, तो इस तरह का abstract file format होना मुझे उल्टा उत्साहजनक लगता, और मैं इसे PSD जैसे source और PNG जैसे rendered output के रिश्ते की तरह देखता
      या source code और binary के रिश्ते जैसा
      output artifact को फिर से किसी अर्थपूर्ण abstract रूप में parse करना पूरी तरह सही करना मुश्किल लगता है