How-To-Use

Simulation

Graph:

Move graph -> click and drag graph
Move node -> click and drag node
Select edge -> click edge
Flip selected edge -> [space]
Show target graph: hold [R]

Info Tab (Tab on the right):

Move through steps: [LeftArrow] / [RightArrow]
Highlight nodes/edge: click edge in Steps-History
Show overlap (with targert graph): toggle "show overlap"

Editor

Create node -> [space]
Select node -> click / shift-click / shift-drag
Create edge -> [E] (exactly two nodes must be selected)
Delete (selection) -> [backspace] / [del]
Download graph -> click 'download' button

Example Files

Example files in /public

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build