[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"project-42738656":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":35,"aspects":36,"strip":45,"post_text":46,"what":47,"said":85,"maker_in_thread":220,"shape":229,"grid":233,"attempts":381,"same_week":382,"maker_shows":42,"maker_hidden":411,"reader_version":412,"card":413},"42738656","Mermaid Chart","GUI for editing Mermaid class diagrams","title","Show HN: GUI for editing Mermaid class diagrams","https:\u002F\u002Fdocs.mermaidchart.com\u002Fblog\u002Fposts\u002Fgui-for-editing-mermaid-class-diagrams","docs.mermaidchart.com","knsv",1737128161,2025,230,59,266,3837,7,"notable","dev_tools","diagramming editor","web_app",[24,25,26,27],"mermaid diagrams","class diagram editor","diagram as code","flowchart editor","mixed",-0.09,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,17,3,10,35,{"design":37,"execution":39,"performance":41,"idea":43,"docs":44},{"positive":33,"critical":38},2,{"positive":40,"critical":33},0,{"positive":40,"critical":42},1,{"positive":40,"critical":33},{"positive":40,"critical":42},[31,33,33,33,42,33,33,42,33,42,42,40,40,33,40,40,42,40,40,40,40,33,33,40,42,31,40,33,31,42,40,33,40,42,40,31,40,42,40,33],null,{"problem":48,"audience":58,"pricing":66,"motivation":74,"time_to_build":46,"stack":81,"openness":82,"stage":83,"team_size":84},{"value":49,"source":50,"evidence":51},"Editing Mermaid diagrams visually instead of only through text code","inferred",[52,54],{"id":53},"post",{"id":55,"by":56,"text":57},"42748695","MarkMarine","My front end to mermaid is usually claude. I can’t count how many times trying to convey a complicated idea (last week, a one time use token in a 3 party where my backend can’t…",{"value":59,"source":50,"evidence":60},"Developers and technical writers who draw diagrams",[61,65],{"id":62,"by":63,"text":64},"42741362","Xmd5a","I only use diagramming tools with automatic layout algos to generate visualizations programmatically to debug things. For documentation purpose, I largely prefer to draw them by…",{"id":55,"by":56,"text":57},{"value":67,"source":68,"evidence":69},"Free playground; paid accounts exist","commenter",[70,71],{"id":55,"by":56,"text":57},{"id":72,"by":11,"text":73},"42739592","Yes! You can use this in the free mermaid playground: https:\u002F\u002Fwww.mermaidchart.com\u002Fplay",{"value":75,"source":68,"evidence":76},"Expand Mermaid for more users and build an enterprise-grade product",[77],{"id":78,"by":79,"text":80},"42741153","AFirestone","Hi there, Mermaid CEO here:) I hear you on the whiteboard. It's still in its early days. Should be substantially improved in the coming months. To clarify on mermaidchart.com and…",[],"unknown","launched","company",{"praise":86,"objections":101,"requests":135,"questions":172,"alternatives":184},[87,94],{"value":88,"source":68,"evidence":89},"Useful for adjusting styling and layout of Mermaid diagrams",[90,91],{"id":55,"by":56,"text":57},{"id":92,"by":56,"text":93},"42749706","I haven’t had issues with it enough to notice, but I do tolerate it making code mistakes as just part of the deal now. I fix the little errors (claude said it made a deps.edn…",{"value":95,"source":68,"evidence":96},"Sequence diagram editor is better than alternatives",[97],{"id":98,"by":99,"text":100},"42745821","sebmellen","FWIW, I find MermaidChart's sequence diagram editor better than the sequencediagram.org one!",[102,113,121,128],{"value":103,"source":68,"evidence":104},"Whiteboard layout breaks and boxes overlap",[105,109],{"id":106,"by":107,"text":108},"42740205","philfreo","I spent some time playing around with this recently and loved it at first. I also realized ChatGPT is pretty good at generating Mermaid diagrams (didn't try your own AI…",{"id":110,"by":111,"text":112},"42740845","LordDragonfang","> it just wouldn't let me organize\u002Fdrag things where I wanted, and I couldn't get things to not overlap I suspect this might be a fundamental issue with mermaid. I've always had…",{"value":114,"source":68,"evidence":115},"Mermaid layout engine is weak and renders poorly",[116,120],{"id":117,"by":118,"text":119},"42743436","Vampiero","The only reason anyone uses mermaid is because it's low friction and most editors support it out of the box or through plugins. But its layouting engine sucks and everything…",{"id":62,"by":63,"text":64},{"value":122,"source":68,"evidence":123},"Sign-up required before trying the editor",[124],{"id":125,"by":126,"text":127},"42745430","webprofusion","You lost me at Create your account. I would just want to play with the editor and store in the local browser storage until I decide I like it.",{"value":129,"source":68,"evidence":130},"Bundle size of mermaid.js is too large",[131],{"id":132,"by":133,"text":134},"42741663","infogulch","Please forgive my posting on the broader topic of Mermaid... The Mermaid package has gotten much bigger recently. Compare mermaid.min.js across a sampling of major releases: ```…",[136,144,155,165],{"value":137,"source":68,"evidence":138},"Improve whiteboard and layout control",[139,143],{"id":140,"by":141,"text":142},"42742787","dominicdewalt","This is definitely a gap in current Mermaid functionality. This is a gap we're aiming to close in 2025. Significant Whiteboard improvements and expanded diagram support is on the…",{"id":78,"by":79,"text":80},{"value":145,"source":68,"evidence":146},"Headless or browserless rendering outside browsers",[147,151],{"id":148,"by":149,"text":150},"42743182","thangalin","Any idea when Mermaid diagrams will render outside of web browsers? https:\u002F\u002Fgithub.com\u002Fmermaid-js\u002Fmermaid\u002Fissues\u002F2485 \u003Crant> Aside, I'm the author of KeenWrite…",{"id":152,"by":153,"text":154},"42743259","baobun","Hello Dominic. Seconding the question on browserless rendering in the other comment. Having to (unseccessfully for us so far; the text renders incorrectly) tweak selenium setups…",{"value":156,"source":68,"evidence":157},"More layout algorithms and better aesthetics",[158,162],{"id":159,"by":160,"text":161},"42744676","dr_kiszonka","I have been using the beta and would certainly appreciate a few more layouts. You can have a look at yEd for inspiration. Otherwise, it looks very promising!",{"id":163,"by":63,"text":164},"42745182","I think the main reason why diagrams are not used as often as they should to document code bases is that we developers have to face opposite yet complementary approaches: text…",{"value":166,"source":68,"evidence":167},"VSCode integration",[168],{"id":169,"by":170,"text":171},"42747731","nejsjsjsbsb","I used this recently as someone shared a link to a diagram at work and I edited it for my own comprehension. It's nice. I'd prefer to have this in VSCode tho!",[173,177],{"value":174,"source":68,"evidence":175},"Difference between mermaidchart.com and mermaid.live",[176],{"id":106,"by":107,"text":108},{"value":178,"source":68,"evidence":179},"Whether Mermaid supports generics in class diagrams",[180],{"id":181,"by":182,"text":183},"42740171","mlhpdx","Do Mermaid class diagrams support generics (parameterized types)?",[185,192,199,206,213],{"value":186,"source":68,"evidence":187},"Draw.io",[188],{"id":189,"by":190,"text":191},"42741128","sergius","With Draw.io embedding Mermaid diagrams and plug-ins available for VSCode and other IDEs, why is this so special?",{"value":193,"source":68,"evidence":194},"sequencediagram.org",[195],{"id":196,"by":197,"text":198},"42739512","maho","Nice! I love how mermaid keeps getting better! For sequence-diagrams, nothing beats https:\u002F\u002Fsequencediagram.org\u002F (I am not connected with them in any way, just a happy user)",{"value":200,"source":68,"evidence":201},"PlantUML",[202],{"id":203,"by":204,"text":205},"42739759","ConfusedDog","That's pretty cool. Wish PlantUML community would have something like it.",{"value":207,"source":68,"evidence":208},"Excalidraw",[209],{"id":210,"by":211,"text":212},"42741703","bastardoperator","I settled on excalidraw via obsidian https:\u002F\u002Fgithub.com\u002Fzsviczian\u002Fobsidian-excalidraw-plugin",{"value":214,"source":68,"evidence":215},"D2 and TALA",[216],{"id":217,"by":218,"text":219},"42741799","terrastruct","We make (and sell) one, you can play with it here: https:\u002F\u002Fplay.d2lang.com\u002F?script=qlDQtVOo5AIEAAD__w%3D%3D&layout=tala& Bigger example:…",{"comments":33,"answered":38,"key":221},[222,225,228],{"id":223,"text":224},"42739922","Thanks, I uploaded it!",{"id":226,"text":227},"42740279","Yes",{"id":72,"text":73},{"commenters":230,"max_depth":31,"maker_replies":33,"first_comment_mins":231,"lifespan_hours":232},46,42,26,[234,236,240,242,245,246,248,251,255,257,260,262,263,264,266,270,274,278,281,284,285,287,288,290,292,293,296,297,300,302,305,307,309,310,313,316,318,320,322,325,328,330,331,336,337,340,343,348,349,353,355,359,361,364,365,368,372,373,377],[55,40,31,235,56,40],"project\u002Fpositive\u002Fdesign",[237,40,33,238,239,40],"42749563","project\u002Fneutral\u002Fexecution","specialist",[92,40,40,241,56,40],"commenter\u002Fneutral\u002Fnone",[243,42,33,244,141,40],"42742750","maker\u002Fneutral\u002Fnone",[148,42,33,238,149,40],[152,42,42,247,153,40],"project\u002Fcritical\u002Fexecution",[249,42,33,238,250,40],"42746684","aloisklink",[252,42,33,253,254,40],"42749027","project\u002Fneutral\u002Fdesign","jb3689",[106,38,33,256,107,40],"project\u002Fmixed\u002Fexecution",[258,38,40,241,259,40],"42740470","directevolve",[110,38,42,261,111,40],"project\u002Fcritical\u002Fdesign",[140,38,33,244,141,40],[78,38,33,244,79,40],[132,38,42,265,133,40],"project\u002Fcritical\u002Fperformance",[267,38,42,268,269,40],"42742449","project\u002Fcritical\u002Fidea","paulg2222",[271,38,33,272,273,40],"42742493","project\u002Fneutral\u002Fidea","zelcon",[275,38,40,276,277,40],"42745854","other\u002Fneutral\u002Fnone","x0hm",[279,38,40,276,280,40],"42747654","nhatcher",[282,38,40,276,283,40],"42748555","ChrisMarshallNY",[62,33,33,253,63,40],[286,33,40,276,63,40],"42741465",[210,33,40,276,211,40],[289,33,40,241,141,40],"42742826",[291,33,40,241,211,40],"42742915",[117,33,42,261,118,40],[294,33,40,276,295,40],"42749471","yencabulator",[217,33,40,276,218,40],[298,33,40,276,299,40],"42742994","junto",[301,33,40,241,63,40],"42744062",[303,33,40,276,304,40],"42745308","gregoryw3",[306,33,33,244,141,40],"42742940",[159,33,33,308,160,40],"project\u002Fmixed\u002Fdesign",[163,33,33,253,63,40],[311,33,40,276,312,40],"42745404","billyp-rva",[314,33,40,276,315,40],"42749356","Koffiepoeder",[125,317,42,247,126,40],4,[196,31,31,319,197,40],"project\u002Fpositive\u002Fnone",[321,31,40,276,182,40],"42740544",[323,31,40,276,324,40],"42740806","tcoff91",[326,31,40,276,327,40],"42740921","brandall10",[329,31,33,244,141,40],"42742852",[98,31,31,235,99,40],[332,333,33,334,335,40],"42741818",6,"project\u002Fneutral\u002Fnone","elashri",[189,18,42,268,190,40],[338,18,40,241,339,40],"42741230","lgas",[341,18,33,244,342,40],"42743419","akshatha1017",[344,345,33,346,347,40],"42739645",8,"maker\u002Fneutral\u002Fdocs","Celeo",[223,345,40,244,11,42],[350,351,42,268,352,40],"42747190",9,"crvdgc",[169,34,33,354,170,40],"project\u002Fmixed\u002Fnone",[356,357,40,276,358,40],"42747984",11,"rbanffy",[203,360,31,235,204,40],12,[181,362,33,363,182,40],13,"project\u002Fneutral\u002Fdocs",[226,362,40,346,11,42],[366,362,42,367,182,40],"42740463","project\u002Fcritical\u002Fdocs",[369,370,33,334,371,40],"42739541",14,"tomovo",[72,370,40,244,11,42],[374,375,31,319,376,40],"42748108",15,"sBqQu3U0wH",[378,379,42,247,380,40],"42741927",16,"sirjaz",[],[383,388,392,396,401,406],{"id":384,"name":385,"points":386,"category":387},"42797260","Byran's open-source laptop",3237,"hardware",{"id":389,"name":390,"points":391,"category":20},"42749402","Interactive systemd",546,{"id":393,"name":394,"points":395,"category":20},"42793777","Stratoshark",321,{"id":397,"name":398,"points":399,"category":400},"42796496","sms_llm",318,"creative",{"id":402,"name":403,"points":404,"category":405},"42782295","Foqos",225,"productivity",{"id":407,"name":408,"points":409,"category":410},"42779330","TripOffice",222,"consumer_social",false,"v2",{"id":414,"name":5,"line":6,"ai":411,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":415,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":416,"url":9,"mix":417,"praise":88,"objection":103,"sub":21},42738656,[24,25,26,27],"5333133131100300100003301503510301050103",[31,32,33,34],1794036668058]