STstarf1sh·Dec 15, 2023Submission
TSDiagram – Make Diagrams with TypeScript
3 points · Open discussion3rd
tsdiagram
TypeScript2023–2023
3rd / tsdiagram
tsdiagram
Create diagrams and plan your code with TypeScript.
3Distinct people
3Mentions
0Explicit recommenders
589GitHub stars
What to know before exploring
What it is
Create diagrams and plan your code with TypeScript.
GitHub
Where it is used
No documented product use has been verified yet.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 3:56:07 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by day3 dated mentions
Observed mentions: 2023-12-05 05:49:17 UTC to 2023-12-15 11:10:39 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| Dec 5 | 2023-12-05 00:00:00 UTC | 2023-12-06 00:00:00 UTC | 2 | 0 | 2 |
| Dec 6 | 2023-12-06 00:00:00 UTC | 2023-12-07 00:00:00 UTC | 0 | 0 | 0 |
| Dec 7 | 2023-12-07 00:00:00 UTC | 2023-12-08 00:00:00 UTC | 0 | 0 | 0 |
| Dec 8 | 2023-12-08 00:00:00 UTC | 2023-12-09 00:00:00 UTC | 0 | 0 | 0 |
| Dec 9 | 2023-12-09 00:00:00 UTC | 2023-12-10 00:00:00 UTC | 0 | 0 | 0 |
| Dec 10 | 2023-12-10 00:00:00 UTC | 2023-12-11 00:00:00 UTC | 0 | 0 | 0 |
| Dec 11 | 2023-12-11 00:00:00 UTC | 2023-12-12 00:00:00 UTC | 0 | 0 | 0 |
| Dec 12 | 2023-12-12 00:00:00 UTC | 2023-12-13 00:00:00 UTC | 0 | 0 | 0 |
| Dec 13 | 2023-12-13 00:00:00 UTC | 2023-12-14 00:00:00 UTC | 0 | 0 | 0 |
| Dec 14 | 2023-12-14 00:00:00 UTC | 2023-12-15 00:00:00 UTC | 0 | 0 | 0 |
| Dec 15 | 2023-12-15 00:00:00 UTC | 2023-12-16 00:00:00 UTC | 1 | 1 | 0 |
What Hacker News says
3 sourcesPretty 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.
For tweaking ELK settings, this online editor is also super valuable: https://rtsys.informatik.uni-kiel.de/elklive/elkgraph.html?c...
In Show HN: TSDiagram – Diagrams as Code with TypeScriptSince the page doesn't actually work, here's the repo: https://github.com/3rd/tsdiagram
In Show HN: TSDiagram – Diagrams as Code with TypeScript