[{"data":1,"prerenderedAt":585},["ShallowReactive",2],{"project-49858513":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":45,"post_text":46,"what":47,"said":80,"maker_in_thread":213,"shape":222,"grid":226,"attempts":548,"same_week":549,"maker_shows":32,"maker_hidden":577,"reader_version":578,"card":579},"49858513","Reladraw","A diagram language where you decide where to place things","title","Show HN: Reladraw – A diagram language where you decide where to place things","https:\u002F\u002Fgithub.com\u002Freladraw\u002Freladraw","github.com","jpwalsh234",1790442640,2026,415,119,77,4366,2,"legend","dev_tools","diagram language","library",[21,24,25,26],"relative positioning","mermaid alternative","diagrams as code","debated",0.165,{"positive":30,"neutral":31,"mixed":32,"critical":33},22,21,1,15,59,{"idea":36,"execution":39,"docs":42,"design":43},{"positive":37,"critical":38},9,5,{"positive":40,"critical":41},0,6,{"positive":40,"critical":32},{"positive":44,"critical":44},3,[38,32,38,38,32,44,44,32,32,32,44,44,44,32,40,44,44,44,32,38,44,44,38,38,38,38,44,38,38,44,44,38,38,44,44,38,32,38,38,32],"I love making diagrams to help understand, plan, etc. However, the options are (A) auto-placement languages like Mermaid or Graphviz (which don't let me decide how the diagram looks), or (B) software like Draw.io which are powerful but are very time consuming (and inefficient for agents to manipulate).\n\nI wanted to have the benefits of both, where you can define a diagram in a diagram language, but also retain a high degree of control over what the diagram looks like.\n\nI also wanted this to work well for humans and agents.\n\nOn the Github link, there's a playground where you can try it out with",{"problem":48,"audience":54,"pricing":61,"motivation":62,"time_to_build":61,"stack":66,"openness":77,"stage":78,"team_size":79},{"value":49,"source":50,"evidence":51},"Auto-layout diagram tools like Mermaid and Graphviz don't let users control placement, while Draw.io is slow and hard for agents to edit","maker",[52],{"id":53},"post",{"value":55,"source":50,"evidence":56},"Developers and AI agents who make diagrams",[57,58],{"id":53},{"id":59,"by":11,"text":60},"49861914","It's funny, you articulated it very similar to how I feel! Seems like we need ways to maintain mental models at a high enough level of abstraction when working with agents.…",null,{"value":63,"source":50,"evidence":64},"Wanted the benefits of auto-layout languages and manual control, for humans and agents",[65],{"id":53},[67,73],{"value":68,"source":50,"evidence":69},"TypeScript",[70],{"id":71,"by":11,"text":72},"49861261","Reladraw has no runtime dependencies and Typescript is only needed to build it. If you mean Node, though, that's fair!",{"value":74,"source":50,"evidence":75},"Node.js",[76],{"id":71,"by":11,"text":72},"open_source","beta","unknown",{"praise":81,"objections":109,"requests":135,"questions":161,"alternatives":173},[82,98],{"value":83,"source":84,"evidence":85},"Fills a gap left by Mermaid and Graphviz for flowcharts","commenter",[86,90,94],{"id":87,"by":88,"text":89},"49860550","HeavyStorm","Mermaid works great for fixed layouts like sequence diagrams and Gantts. For flowcharts, where position is king, it's bad. I've tried using svg in my MD files but they get…",{"id":91,"by":92,"text":93},"49863699","shellerik","This is a wonderful idea that fills a gap that has caused me much pain! When it's more stable I'll be looking for (or creating) an Obsidian plugin, a VS Code extension, etc.…",{"id":95,"by":96,"text":97},"49859748","monster_truck","This genuinely fucks. Thank you Fighting with mermaid is so frustraiting, especially when it comes to normal vs github formatting. This is going to replace several ad-hoc half…",{"value":99,"source":84,"evidence":100},"Useful for agent-driven diagramming",[101,105],{"id":102,"by":103,"text":104},"49861781","apinstein","This is very needed in the AI coding age! I find diagramming is one of the best ways for high bandwidth alignment between my mental model and the agent’s. I have been working on…",{"id":106,"by":107,"text":108},"49860294","kinduff","I love it, and I wish it was part of Mermaid. I've always struggled with the presentation and agents tend to hack or just straight use SVG lol",[110,121,128],{"value":111,"source":84,"evidence":112},"Bugs in edge routing and themes",[113,117],{"id":114,"by":115,"text":116},"49860544","recroad","Seems a little buggy, I added this line: edge parser -> renderer \"test edge\" from: left to: right and it wasn't smart enough to make a curved arrow",{"id":118,"by":119,"text":120},"49868091","s1mon","I’m excited to see this, but switching many of the examples from “dark” to “light” or “print” theme leaves the boxes black and the text unreadable.",{"value":122,"source":84,"evidence":123},"No multi-line strings or line continuation in syntax",[124],{"id":125,"by":126,"text":127},"49865601","tonnydourado","That's an interesting idea, and an unexplored design space. Graphviz's dot has rank and head\u002Ftail ports, and Plantuml's class diagram has some support for relative position, but…",{"value":129,"source":84,"evidence":130},"Requires Node runtime",[131],{"id":132,"by":133,"text":134},"49861199","einpoklum","If this were implemented in a language with fewer dependencies, it'd be great.",[136,143,147,155],{"value":137,"source":84,"evidence":138},"Themes",[139],{"id":140,"by":141,"text":142},"49859983","patriciobcs","I was looking for something like this. I wish it had different themes, the will prob be the best improvement.",{"value":144,"source":84,"evidence":145},"Multi-line strings and line continuation",[146],{"id":125,"by":126,"text":127},{"value":148,"source":84,"evidence":149},"Editor and plugin integrations",[150,151],{"id":91,"by":92,"text":93},{"id":152,"by":153,"text":154},"49867773","picardo","Love it! I created a VSCode extension to render it in markdown files and highlight its syntax: https:\u002F\u002Fgithub.com\u002Fvolkanunsal\u002Frelative-diagrams-vscode\u002F",{"value":156,"source":84,"evidence":157},"Import from or export to Draw.io",[158],{"id":159,"by":11,"text":160},"49863477","That's a cool idea. I'll add it to my todo list. Going from reladraw -> drawio is probably the easier direction. drawio -> reladraw is probably the more challenging piece,…",[162,169],{"value":163,"source":84,"evidence":164},"How conflicting placement statements are resolved",[165],{"id":166,"by":167,"text":168},"49859785","lastscattering","This is basically tikz's positioning library (right=of, below left=of) without having to touch LaTeX. With tikz it was never the nodes that hurt me, it was the edges. Once two…",{"value":170,"source":84,"evidence":171},"Whether it does edge routing",[172],{"id":166,"by":167,"text":168},[174,179,185,189,196,203,209],{"value":175,"source":84,"evidence":176},"Mermaid",[177,178],{"id":87,"by":88,"text":89},{"id":106,"by":107,"text":108},{"value":180,"source":84,"evidence":181},"Graphviz",[182],{"id":183,"by":11,"text":184},"49860253","Thanks very much! Yea, with .dot, the layout engine decides where things go. So, the agent doesn't know what the result looks like, leading to render, look, fiddle loops. And,…",{"value":186,"source":50,"evidence":187},"Draw.io",[188],{"id":53},{"value":190,"source":84,"evidence":191},"Pikchr",[192],{"id":193,"by":194,"text":195},"49859626","v9v","Great! Reminds me of Pikchr a bit https:\u002F\u002Fpikchr.org\u002Fhome\u002Fdoc\u002Ftrunk\u002Fhomepage.md",{"value":197,"source":84,"evidence":198},"D2",[199],{"id":200,"by":201,"text":202},"49860625","zikohh","https:\u002F\u002Fd2lang.com\u002F works well?",{"value":204,"source":50,"evidence":205},"TALA",[206],{"id":207,"by":11,"text":208},"49868115","Thanks for mentioning TALA. I feel like TALA does add more control than Mermaid, but in spirit sits closer to Mermaid than Reladraw. It keeps the auto layout, but with extra ways…",{"value":210,"source":84,"evidence":211},"TikZ",[212],{"id":166,"by":167,"text":168},{"comments":214,"answered":215,"key":216},47,11,[217,218,219],{"id":59,"text":60},{"id":207,"text":208},{"id":220,"text":221},"49870941","Thanks for making that! Just a heads up, reladraw is changing super fast - I think the rendering\u002Fhighlighting will work smoothly with syntax changes, the more annoying thing…",{"commenters":223,"max_depth":41,"maker_replies":214,"first_comment_mins":224,"lifespan_hours":225},61,126,51,[227,229,231,235,239,242,246,249,250,253,254,255,258,261,264,266,268,269,272,276,279,283,286,290,293,296,299,301,303,305,308,311,313,316,320,322,323,326,328,332,336,340,343,344,346,349,351,353,355,359,361,363,367,368,372,374,375,378,380,382,384,388,390,394,396,398,400,403,405,409,411,415,417,420,422,426,431,434,436,438,440,444,446,450,453,457,459,463,465,466,469,471,473,477,480,481,485,489,493,495,499,501,503,506,508,510,512,514,518,522,524,528,530,534,536,538,541,543,546],[102,40,38,228,103,40],"project\u002Fpositive\u002Fidea",[59,40,40,230,11,32],"maker\u002Fneutral\u002Fnone",[232,40,32,233,234,40],"49863831","project\u002Fcritical\u002Fidea","Towaway69",[236,40,40,237,238,40],"49863459","other\u002Fneutral\u002Fnone","tamimio",[240,40,40,237,241,40],"49866720","WillAdams",[243,40,38,244,245,40],"49875086","project\u002Fpositive\u002Fnone","loveTech",[247,32,40,237,248,40],"49866834","atombender",[207,32,40,233,11,32],[251,18,40,237,252,40],"49863454","atoav",[152,44,38,244,153,40],[220,44,40,230,11,32],[256,44,40,257,153,40],"49871006","commenter\u002Fneutral\u002Fnone",[114,259,32,260,115,40],4,"project\u002Fcritical\u002Fexecution",[262,259,40,263,11,32],"49860617","maker\u002Fpositive\u002Fexecution",[265,259,40,263,11,32],"49861963",[267,259,32,233,115,40],"49867623",[87,38,38,228,88,40],[270,38,40,271,11,32],"49860623","maker\u002Fneutral\u002Fidea",[273,38,44,274,275,40],"49861524","project\u002Fneutral\u002Fidea","y-curious",[277,38,40,278,11,32],"49861559","maker\u002Fpositive\u002Fnone",[280,41,32,281,282,40],"49863408","project\u002Fcritical\u002Fdocs","boblehest",[284,41,40,285,11,32],"49863726","maker\u002Fneutral\u002Fdocs",[287,41,32,288,289,40],"49864442","maker\u002Fcritical\u002Fexecution","Kwpolska",[291,41,40,257,292,40],"49865149","faeyanpiraat",[294,41,40,237,295,40],"49878805","ncr100",[297,41,32,288,298,40],"49865301","oa335",[300,41,32,288,289,40],"49870898",[302,41,40,237,295,40],"49878739",[304,41,40,257,298,40],"49883470",[125,306,44,307,126,40],7,"project\u002Fmixed\u002Fidea",[309,306,44,274,310,40],"49865850","noisy_boy",[312,306,44,274,126,40],"49875374",[314,306,40,315,11,32],"49867137","maker\u002Fpositive\u002Fidea",[317,318,44,274,319,40],"49860832",8,"threecheese",[321,318,40,315,11,32],"49860975",[200,37,40,237,201,40],[324,37,44,274,325,40],"49860662","Footprint0521",[327,37,40,271,11,32],"49860689",[329,37,40,330,331,40],"49862166","other\u002Fneutral\u002Fidea","2muchcoffeeman",[333,37,32,334,335,40],"49862556","project\u002Fcritical\u002Fdesign","the__alchemist",[337,338,32,334,339,40],"49864296",10,"rramon",[341,338,40,342,11,32],"49870728","maker\u002Fpositive\u002Fdesign",[193,215,40,237,194,40],[345,215,40,271,11,32],"49859812",[347,215,44,271,348,40],"49869130","gandreani",[350,215,40,271,11,32],"49869648",[352,215,44,271,348,40],"49870117",[354,215,40,315,11,32],"49870326",[356,357,44,274,358,40],"49866096",12,"whizzter",[360,357,40,271,11,32],"49868220",[362,357,44,271,358,40],"49878705",[364,365,40,237,366,40],"49860209",13,"aktenlage",[183,365,40,271,11,32],[369,370,44,274,371,40],"49860480",14,"light_hue_1",[373,370,40,271,11,32],"49860918",[118,33,32,334,119,40],[376,33,40,377,11,32],"49868160","maker\u002Fneutral\u002Fdesign",[379,33,40,342,11,32],"49870737",[106,381,38,228,107,40],16,[383,381,40,315,11,32],"49860355",[385,386,44,274,387,40],"49863247",17,"squidlib",[389,386,40,274,11,32],"49863327",[391,392,44,274,393,40],"49862178",18,"Garlef",[395,392,40,274,11,32],"49862330",[397,392,44,274,393,40],"49864044",[91,399,38,228,92,40],19,[401,399,40,402,11,32],"49863735","project\u002Fneutral\u002Fexecution",[404,399,38,244,92,40],"49864030",[406,407,38,278,408,40],"49862995",20,"tombert",[410,407,40,230,11,32],"49863148",[412,31,44,413,414,40],"49863750","project\u002Fneutral\u002Fdocs","_kidlike",[416,31,40,413,11,32],"49863814",[418,30,38,278,419,40],"49862591","altcognito",[421,30,40,230,11,32],"49862621",[423,424,38,244,425,40],"49865272",23,"0x4a50",[427,428,38,429,430,40],"49863069",24,"project\u002Fpositive\u002Fdesign","lampcord",[432,428,40,433,11,32],"49863184","project\u002Fneutral\u002Fdesign",[140,435,44,433,141,40],25,[437,435,40,377,11,32],"49860042",[439,435,40,433,11,32],"49860731",[441,442,44,413,443,40],"49861683",26,"tnspacetime",[445,442,40,230,11,32],"49861742",[447,448,38,228,449,40],"49862146",27,"rodmena",[451,448,40,452,11,32],"49862241","project\u002Fneutral\u002Fnone",[454,455,38,228,456,40],"49860528",28,"ciefa",[458,455,40,230,11,32],"49860561",[460,461,38,429,462,40],"49866028",29,"perelin",[132,464,32,260,133,40],30,[71,464,40,402,11,32],[467,464,44,402,468,40],"49861462","jeremycarter",[470,464,40,402,11,32],"49861585",[472,464,40,402,11,32],"49862760",[474,475,38,228,476,40],"49869029",31,"14u2c",[478,479,44,274,238,40],"49863453",32,[159,479,40,274,11,32],[482,483,38,244,484,40],"49864075",33,"DylanMerigaud",[486,487,38,228,488,40],"49864932",34,"stellakhr",[490,491,38,228,492,40],"49859743",35,"tetris11",[494,491,40,274,11,32],"49859823",[496,497,32,233,498,40],"49865711",36,"fallingmeat",[95,500,38,244,96,40],37,[502,500,40,452,11,32],"49859860",[504,500,44,433,505,40],"49860882","Jailbird",[507,500,40,433,11,32],"49860984",[509,500,40,433,11,32],"49862667",[511,500,38,244,96,40],"49861190",[513,500,40,230,11,32],"49861503",[515,516,32,233,517,40],"49868223",38,"hhh",[519,520,32,233,521,40],"49861151",39,"wrs",[523,520,40,274,11,32],"49861405",[525,526,44,274,527,40],"49863902",40,"rixed",[529,526,40,274,11,32],"49868301",[531,532,38,244,533,40],"49864519",41,"zakiiaminn",[166,535,44,433,167,40],42,[537,535,40,402,11,32],"49860015",[539,535,38,429,540,40],"49860038","drfloyd51",[542,535,40,433,11,32],"49860152",[544,535,32,260,545,40],"49869646","asqueella",[547,535,40,402,11,32],"49870375",[],[550,554,559,563,568,573],{"id":551,"name":552,"points":553,"category":20},"49833867","Whiteboard (YC W26)",424,{"id":555,"name":556,"points":557,"category":558},"49898778","Real-time Solar System (space.bl2.net)",408,"creative",{"id":560,"name":561,"points":562,"category":558},"49869574","Lofi Cities",320,{"id":564,"name":565,"points":566,"category":567},"49845172","Jev Plays Pokémon",282,"ai",{"id":569,"name":570,"points":571,"category":572},"49837006","Koi.rest",228,"consumer_social",{"id":574,"name":575,"points":576,"category":572},"49879401","HN.watch",226,false,"v2",{"id":580,"name":5,"line":6,"ai":577,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":581,"top":18,"kw":582,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":583,"url":9,"mix":584,"praise":83,"objection":111,"sub":21},49858513,0.17,[21,24,25,26],"5155133111333103331533555535533553351551",[30,31,32,33],1794036710927]