DEV Community

Cover image for How to create a node graph editor with #javascript
needeen
needeen

Posted on

2

How to create a node graph editor with #javascript

Hi, am looking for a way to create a node graph editor using the mouse then get the adjacency matrix and list with javascript of course with ability of adding/deleting/editing the vertices and edges and choosing whether the graph is directed or undirected just like the following pictures:

https://i.stack.imgur.com/kwdkK.png

I tried to look for some js libraries (sigmajs, d3js, ...) but all what I could find was a way to draw graphs from an adjacency matrix and not a way to creat an editor to deal with them using the mouse on the browser .

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay