Show HN: TSDiagram – Diagrams as Code with TypeScript

• tsdiagram

  5 382 9.0 TypeScript

  Create diagrams and plan your code with TypeScript.

Pretty neat! I appreciate the time that went into making the graph render nicely.

I was recently having fun with Reactflow myself. It took a bit of time to figure out custom nodes and edges. I found that ELK 'layered' (with some tweaking of settings) produces very nice layouts, but of course, we can't use its edge routing in real time if we want to allow users to move nodes around. Thanks for pointing me to @tisoap/react-flow-smart-edge ! I also came up with a similar `wasManuallyMoved` logic. https://github.com/3rd/tsdiagram/blob/66b186e85bf176e47128d0...

Reactflow's docs have a decent example for using ELK but I wish it went into a bit more detail regarding these choices.

• revenut-app

  7 35 8.1 TypeScript

  A web + mobile app (PWA) with Stripe integration for forecasting SaaS revenue

Thanks for sharing! I generated a png and added it to my repo's wiki with an acknowledgment to your repo:

https://github.com/hbcondo/revenut-app/wiki#data-models

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project