egraph

egraph is a fast graph drawing library implemented in Rust and WebAssembly.

Install

``shell-session
$ npm install egraph
`

Usage

`javascript
import { Graph } from 'egraph'
import {
Simulation,
ManyBodyForce,
LinkForce,
CenterForce
} from 'egraph/layout/force-directed'

// creating a graph
const graph = new Graph()

// adding vertices
graph.addNode(0)
graph.addNode(1)
graph.addNode(2)

// adding edges
graph.addEdge(0, 1)
graph.addEdge(0, 2)
graph.addEdge(1, 2)

// creating forces
const manyBodyForce = new ManyBodyForce()
const linkForce = new LinkForce()
const centerForce = new CenterForce()

// creating simulation
const simulation = new Simulation()
simulation.add(manyBodyForce)
simulation.add(linkForce)
simulation.add(centerForce)

// position calculation
const layout = simulation.start(graph)

// printing result
for (const u of graph.nodes()) {
console.log(layout.nodes[u])
}
`

egraph-wasm is implemented using wasm-bindgen.
For more detailed usage, please read wasm-bindgen document.

Examples

$3

`javascript
import React from 'react'
import { render } from 'react-dom'
import { Graph } from 'egraph'
import {
Simulation,
ManyBodyForce,
LinkForce,
CenterForce
} from 'egraph/layout/force-directed'

const graph = new Graph()
graph.addNode(0)
graph.addNode(1)
graph.addNode(2)
graph.addEdge(0, 1)
graph.addEdge(0, 2)
graph.addEdge(1, 2)

const manyBodyForce = new ManyBodyForce()
const linkForce = new LinkForce()
linkForce.distance = () => 200
const centerForce = new CenterForce()

const simulation = new Simulation()
simulation.add(manyBodyForce)
simulation.add(linkForce)
simulation.add(centerForce)

const layout = simulation.start(graph)

const width = 600
const height = 400
render(