[{"data":1,"prerenderedAt":390},["ShallowReactive",2],{"project-43377897":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":33,"aspects":34,"strip":44,"post_text":46,"what":47,"said":82,"maker_in_thread":211,"shape":224,"grid":228,"attempts":351,"same_week":352,"maker_shows":32,"maker_hidden":382,"reader_version":383,"card":384},"43377897","Cascii","A portable ASCII diagram builder written in vanilla JavaScript","title","Show HN: Cascii – A portable ASCII diagram builder written in vanilla JavaScript","https:\u002F\u002Fgithub.com\u002Fcasparwylie\u002Fcascii-core","github.com","ftr1200",1742119341,2025,238,53,257,3837,7,"notable","dev_tools","ascii diagram editor","web_app",[24,25,26,27],"ascii diagram","ascii art editor","diagram builder","documentation diagrams","loved",0.611,{"positive":31,"neutral":18,"mixed":32,"critical":32},21,2,32,{"execution":35,"idea":38,"design":40,"privacy":42,"docs":43},{"positive":36,"critical":37},4,1,{"positive":32,"critical":39},0,{"positive":41,"critical":37},5,{"positive":37,"critical":39},{"positive":37,"critical":39},[41,39,41,45,41,39,45,39,39,41,39,45,39,41,45,39,41,39,41,45,39,41,39,39,41,37,39,45,41,45,41,41,41,41,41,41,41,39,41,41],3,"3 months ago I wanted to draw an ASCII diagram to include in some documentation at work. I found the few tools online to be insufficient, and was suprised there wasn't a more complete tool to get the job done.\n\nSince, I've built Cascii from scratch in vanilla Javascript (I'm not an FE dev, it might be obvious...).\n\nI hope it works alright. Please check out the live version at https:\u002F\u002Fcascii.app, report problems, make diagrams to improve your code's documentation. Hope you enjoy using it.",{"problem":48,"audience":54,"pricing":63,"motivation":64,"time_to_build":63,"stack":68,"openness":79,"stage":80,"team_size":81},{"value":49,"source":50,"evidence":51},"Existing online tools for drawing ASCII diagrams were insufficient for documentation","maker",[52],{"id":53},"post",{"value":55,"source":56,"evidence":57},"Developers writing documentation with ASCII diagrams","inferred",[58,59],{"id":53},{"id":60,"by":61,"text":62},"43393447","dspillett","That looks almost exactly like something I've wanted, thought numerous times about making, but never getting around to. Thanks for scratching your itch and mine!",null,{"value":65,"source":50,"evidence":66},"Needed an ASCII diagram tool for work documentation and found existing ones lacking",[67],{"id":53},[69,73],{"value":70,"source":50,"evidence":71},"Vanilla JavaScript",[72],{"id":53},{"value":74,"source":50,"evidence":75},"Single HTML file",[76],{"id":77,"by":11,"text":78},"43396683","I know it's controversial to do things this way, but given it's a personal project and focuses on portability, I think the benefits are worth while. I have taken care to break…","open_source","launched","solo",{"praise":83,"objections":122,"requests":139,"questions":176,"alternatives":185},[84,100,115],{"value":85,"source":86,"evidence":87},"Easy to use and polished","commenter",[88,92,96],{"id":89,"by":90,"text":91},"43415418","sdotdev","Nice job, its really easy to use",{"id":93,"by":94,"text":95},"43393950","breadchris","omg this is beautiful, great job!",{"id":97,"by":98,"text":99},"43397044","Rucadi","Best tool I've seen for diagrams in a long time, Congratulations! I'll use this anywhere.",{"value":101,"source":86,"evidence":102},"Single portable HTML file is a strength",[103,107,111],{"id":104,"by":105,"text":106},"43407293","um1","One file is great!",{"id":108,"by":109,"text":110},"43396765","wiseowise","> if having 1 HTML file is somehow very important, but it's not It is.",{"id":112,"by":113,"text":114},"43395993","primitivesuave","This is amazing, thank you for sharing it. Aside from being a very useful documentation tool, I hope it inspires more people to distribute simple standalone software utilities in…",{"value":116,"source":86,"evidence":117},"Drag and diagonal line drawing stands out",[118],{"id":119,"by":120,"text":121},"43396193","smusamashah","This looks awesome. The way you are dragging things around and the diagonal lines is amazing. Don't think asciiflow or the other one or two tools do this. Since you are providing…",[123,133],{"value":124,"source":86,"evidence":125},"Single 4000+ line file is hard to maintain and contribute to",[126,130],{"id":127,"by":128,"text":129},"43396159","leptons","It's a single 4992 line HTML file, which is the source code, making a lot harder to contribute to or maintain. I'd like it a bit more (and I might even contribute) if it had at…",{"id":131,"by":128,"text":132},"43403179",">\"Contributions are very welcomed. Please feel free to submit proposals directly in the form of a PR or Issue.\" Good luck getting contributions. I don't have the time to read and…",{"value":134,"source":50,"evidence":135},"Not practical on phones",[136],{"id":137,"by":11,"text":138},"43398682","Bit of a nightmare getting this elegant enough on a phone, and doubt anyone wants to draw ASCII digrams on their phone anyway, so not really a priority!",[140,155,162,169],{"value":141,"source":86,"evidence":142},"Import diagrams or clipboard import",[143,147,151],{"id":144,"by":145,"text":146},"43394440","ssriram","Hi, great app. I'd love to understand how you are maintaining state behind that short url and see if there are ways (sans server) to at least partially recreate state from the…",{"id":148,"by":149,"text":150},"43396102","theanonymousone","Nice job. Thanks! Also very interesting to have it \"distributed\" in one html file. Sometimes people forget simple ways to do stuff :) Is is possible to import and edit diagrams…",{"id":152,"by":153,"text":154},"43398705","harvie","Exactly. Make it importable and i am sold. Maybe base64 encoded metadata under the diagram? Maybe encode in non-printable characters? Maybe just use non-printable characters to…",{"value":156,"source":86,"evidence":157},"Obsidian plugin",[158],{"id":159,"by":160,"text":161},"43397904","Cypher","obsidian plugin please",{"value":163,"source":86,"evidence":164},"Export existing image diagrams or an API",[165],{"id":166,"by":167,"text":168},"43397461","bambax","Wow. This is absolutely fantastic! Great work! Congrats! Do you know if there would be a way (in the future) to export existing image diagrams to this format \u002F will there be an…",{"value":170,"source":86,"evidence":171},"Better dark mode link colors",[172],{"id":173,"by":174,"text":175},"43396387","kentbrew","I love this so much. Thanks for using vanilla JS! Please consider changing the link colors in the scrolling intro to yellow when in dark mode. They were really hard to make out.",[177],{"value":178,"source":86,"evidence":179},"How to edit diagrams after pasting or creating them",[180,184],{"id":181,"by":182,"text":183},"43393747","dimenoz","This is fantastic. I've always used JavE before but this being a single HTML file is a big+ and packs quite a punch. Kudos to the author! One question though, how do edit the…",{"id":148,"by":149,"text":150},[186,193,200,204],{"value":187,"source":86,"evidence":188},"Monodraw",[189],{"id":190,"by":191,"text":192},"43395253","ccakes","Looks super cool, congrats! Monodraw[1] is a similar product delivered as a standalone macOS app. It’s a classic pay once-type license and very polished software. Cannot…",{"value":194,"source":86,"evidence":195},"Excalidraw",[196],{"id":197,"by":198,"text":199},"43393493","macintux","Very cool, thanks. One of the saddest days at my current job: when the company I’m contracted to stopped offering Excalidraw in favor of Lucid. I mostly understand the rationale,…",{"value":201,"source":86,"evidence":202},"asciiflow",[203],{"id":119,"by":120,"text":121},{"value":205,"source":86,"evidence":206},"Emacs artist mode",[207],{"id":208,"by":209,"text":210},"43396052","newusertoday","interesting, i generally use artist mode in emacs but this seems to have more options.",{"comments":212,"answered":213,"key":214},18,6,[215,218,221],{"id":216,"text":217},"43393857","Glad you asked. Have you checked the online version https:\u002F\u002Fcascii.app There, all exported drawings come with a short link. This is so that months later anyone reading \u002F seeing…",{"id":219,"text":220},"43402839","v1.0.1 now has offline import\u002Fexport https:\u002F\u002Fgithub.com\u002Fcasparwylie\u002Fcascii-core",{"id":222,"text":223},"43396790","Nice! Yea it should be easy to use the internal layerManager.import and .encodeAll This might break state for the online version, but I can do some tweaks and get it merged if…",{"commenters":225,"max_depth":213,"maker_replies":212,"first_comment_mins":226,"lifespan_hours":227},29,2195,80,[229,231,233,236,238,239,241,242,245,246,248,250,252,254,258,260,261,264,268,269,271,273,275,277,279,281,285,287,289,291,293,295,297,301,303,304,306,307,308,310,313,315,319,324,327,329,333,336,338,340,342,345,349],[181,39,41,230,182,39],"project\u002Fpositive\u002Fexecution",[216,39,39,232,11,37],"maker\u002Fneutral\u002Fidea",[234,39,41,235,182,39],"43394091","maker\u002Fpositive\u002Fnone",[219,39,39,237,11,37],"project\u002Fneutral\u002Fexecution",[144,39,45,237,145,39],[240,39,41,230,145,39],"43396239",[222,39,39,237,11,37],[243,39,45,244,145,39],"43401096","project\u002Fneutral\u002Fidea",[152,39,45,244,153,39],[247,39,39,244,11,37],"43399133",[249,39,39,237,11,37],"43402836",[251,39,39,237,11,37],"43402891",[190,37,41,253,191,39],"project\u002Fpositive\u002Fnone",[255,37,39,256,257,39],"43395414","other\u002Fneutral\u002Fnone","Brajeshwar",[173,32,45,259,174,39],"project\u002Fmixed\u002Fdesign",[197,45,39,256,198,39],[262,45,39,263,11,37],"43393531","other\u002Fneutral\u002Fidea",[265,36,41,266,267,39],"43400799","project\u002Fpositive\u002Fprivacy","two_handfuls",[166,41,45,244,167,39],[270,41,39,244,11,37],"43397487",[272,41,39,237,11,37],"43402847",[119,213,41,274,120,39],"project\u002Fpositive\u002Fdesign",[137,213,39,276,11,37],"project\u002Fneutral\u002Fdesign",[60,18,41,278,61,39],"project\u002Fpositive\u002Fidea",[280,18,39,235,11,37],"43393459",[282,283,45,284,109,39],"43397137",8,"maker\u002Fneutral\u002Fnone",[286,283,39,244,11,37],"43397176",[97,288,41,253,98,39],9,[148,290,41,230,149,39],10,[292,290,39,237,11,37],"43396875",[294,290,39,237,11,37],"43402852",[112,296,41,278,113,39],11,[298,299,45,276,300,39],"43395720",12,"dangoodmanUT",[127,299,37,302,128,39],"project\u002Fcritical\u002Fexecution",[77,299,39,276,11,37],[131,299,37,305,128,39],"project\u002Fcritical\u002Fdesign",[104,299,41,274,105,39],[108,299,41,274,109,39],[309,299,45,259,128,39],"43415224",[311,312,39,237,11,37],"43402830",13,[314,312,41,230,182,39],"43403246",[316,317,41,253,318,39],"43395181",14,"nwroot",[320,321,41,322,323,39],"43393579",15,"project\u002Fpositive\u002Fdocs","jaredwiener",[325,321,39,326,11,37],"43393608","project\u002Fneutral\u002Fdocs",[89,328,41,274,90,39],16,[330,331,41,253,332,39],"43410434",17,"nextts",[334,212,41,253,335,39],"43397413","0xcb0",[93,337,41,274,94,39],19,[339,337,39,235,11,37],"43393970",[208,341,39,256,209,39],20,[343,31,41,253,344,39],"43393949","shanselman",[346,347,41,253,348,39],"43408360",22,"LarsenCC",[159,350,45,244,160,39],23,[],[353,358,363,368,372,377],{"id":354,"name":355,"points":356,"category":357},"43358914","Nash",536,"productivity",{"id":359,"name":360,"points":361,"category":362},"43401855","BlueMigrate",524,"infrastructure",{"id":364,"name":365,"points":366,"category":367},"43373242","my-yt",319,"consumer_social",{"id":369,"name":370,"points":371,"category":20},"43404548","\"Git who\"",252,{"id":373,"name":374,"points":375,"category":376},"43398081","MinesweeperPro",242,"games",{"id":378,"name":379,"points":380,"category":381},"43392951","map.koljapluemer.com",217,"learning_science",false,"v2",{"id":385,"name":5,"line":6,"ai":382,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":386,"top":18,"kw":387,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":388,"url":9,"mix":389,"praise":85,"objection":124,"sub":21},43377897,0.61,[24,25,26,27],"5053503005030530505305005103535555555055",[31,18,32,32],1794036671303]