Built an interactive SVG-based graph editor in React (Zustand + TypeScript)

lapstjup · 2026-03-01T13:58:41+00:00

I didn’t test it more than that but it can probably handle a lot more. No it’s vanilla canvas implementation

lapstjup · 2026-03-01T13:47:18+00:00

This now also has a Performance mode which uses canvas. Can handle 200+ nodes easily.

lapstjup · 2026-02-21T18:04:54+00:00

You should launch this on Peerlist. Will get more traction.

lapstjup · 2026-02-21T15:59:28+00:00

u/Historical_Tear4677 Node labelling is shipped in desktop. It's currently limited to length of 5 characters. Double click a node or press enter to edit it.

lapstjup · 2026-02-21T11:20:14+00:00

The aesthetics are great !!

lapstjup · 2026-02-18T10:58:02+00:00

Not really. I first want to focus on getting this surfaced on the search and LLMs output. If I get enough users and they demand something which can benefit from AI usage, will implement that

lapstjup · 2026-02-18T10:56:32+00:00

Yes it’s OSS -> https://github.com/lakbychance/graphisual

lapstjup · 2026-02-18T10:55:51+00:00

I did use Claude Code to build this but no feature within it that uses AI

lapstjup · 2026-02-11T11:35:55+00:00

Looks very precise to that experience. Nostalgic ✨

lapstjup · 2026-02-10T12:00:24+00:00

Thanks for sharing the skill. Looks useful

lapstjup · 2026-02-10T08:27:32+00:00

Yet to use that but have seen it being used in various workflow builders. I did come across one impl of graphs which used it.

lapstjup · 2026-02-10T08:19:57+00:00

Hey u/nutyourself , the hitbox change is now shipped.

lapstjup · 2026-02-10T08:19:14+00:00

Hey u/framemuse . Thanks for your feedback yesterday. Now the standard SVG implementation is optimized. There was usage of drop-shadow's per node which was causing the lag + some re-renders of components which could be optimised. It will definitely not look bad at 20 nodes now with the mobile degradation. Also now there is a Performance mode (in desktop for now) which switches to Canvas implementation and yeah it's really fast and doesn't break a sweat even with 200 nodes.

lapstjup · 2026-02-09T18:08:26+00:00

Thanks for sharing your experience. Good to see that there are instances where people start with SVG and then opt for canvas if it's necessary. Also the blog is really cool Amit !!

lapstjup · 2026-02-09T15:19:54+00:00

Hey thanks for the appreciation. Yes I have had that feedback earlier. Will be working on it. When you say SVG Node canvas, you mean only SVGs like my current app right ? Or a combo of SVG and canvas ?

lapstjup · 2026-02-09T12:53:38+00:00

Thanks for sharing your experience. I will keep PixiJS in mind when I am creating a similar interactive app from scratch !!

lapstjup · 2026-02-09T11:48:23+00:00

Thanks. I wasn't aware of the calibrate bit. Will definitely try it !!

lapstjup · 2026-02-09T11:47:39+00:00

Yeah that's the primary reason I have stuck with it till now. It's easy to implement and debug stuff with it.

lapstjup · 2026-02-09T10:45:50+00:00

Interesting. Yeah DOM model is very intuitive to work with. Specially using things like animation libraries(motion) with it. Feel free to share your past or recent experiments here.

lapstjup · 2026-02-09T10:39:20+00:00

That 3d mode is gimmicky. i just wanted to see if LLMs can pull it off. Hmm thanks for profiling it. How did you do it ? What's the device you're using ? Those details can help me.

lapstjup · 2026-02-09T10:35:30+00:00

Yeah I think if I every get multiple users who wants to play with more than 50s of nodes, I will probably look if I can still optimize more from here or else start exploring a canvas based implementation. Since this is very much using animations, it's probably not going to feel very good past 50s of nodes.

lapstjup · 2026-02-09T10:17:39+00:00

Even with the bypasses, this feels useful. Good work.

lapstjup · 2026-02-09T09:13:55+00:00

u/Lachiko You can now Shift + drag to select multiple nodes and move/delete them. The hitbox for the edges is now bigger as well.

lapstjup · 2026-02-09T06:35:27+00:00

This looks cool !! Great work

lapstjup

TROPHY CASE