graph-diagram

Repo

https://github.com/wwlib/graph-diagram

About

graph-diagram is a TypeScript port of a graph-editing project called Arrows, originally created by Alistair Jones at Neo4j (http://www.apcjones.com/arrows/, https://github.com/apcj/arrows).

In-browser examples of graph-diagram are at:

Note: This is a first-pass, straight port. Refactoring and optimization is next.

Dependency: graph-diagram requires d3 to be installed

npm

npm install graph-diagram d3

contributing: install, build


  git clone git@github.com:wwlib/graph-diagram.git
  cd graph-diagram
  npm install
  npm run build
  

in-browser examples

in-browser editor:


  npm run build:example-browser-editor
  cd docs/examples
  http-server
  

http://localhost:8080/example-browser-editor.html?#

alt text

in-browser tests:


  npm run build:example-browser-tests
  cd docs/examples
  http-server
  

http://localhost:8080/example-browser-tests.html

alt text

tests, coverage

Note: Tests are incomplete

npm run test

npm run coverage