/d3-graph

Simple graph drawing with D3

Primary LanguageJavaScriptMIT LicenseMIT

D3 Graph Editor

Simple graph drawing using D3.

Note that the JavaScript file uses ES6 syntax, so would need to modify it manually or transpile it to target more browsers.

This also could be done relatively easily without using D3.

Example

https://i.imgur.com/gc1RuZQ.mp4

Usage

  • Click on an empty space to add a node.
  • Drag from a node to another to link them.
  • Use CTRL and the mouse to drag a node.
  • Right-click on a node or an edge to delete it.

License

This project is available under the MIT license.