Interactive tool for creating directed graphs using d3.js.

directed-graph-creator

Interactive tool for creating directed graphs, created using d3.js.

Demo: /cjrd/6863459

Operation:

drag/scroll to translate/zoom the graph
shift-click on graph to create a node
shift-click on a node and then drag to another node to connect them with a directed edge
shift-click on a node to change its title
click on node or edge and press backspace/delete to delete

Run:

Github repo is at https://github.com/metacademy/directed-graph-creator

License: MIT/X

https://d3js.org/d3.v3.js

https://cdn.jsdelivr.net/filesaver.js/0.1/FileSaver.min.js