An event-driven network visualization library.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img Implemented looping edges Jan 10, 2019
scripts Added --force to docs deploy Feb 16, 2019
src Changed default animation duration to 0.5 Jan 29, 2019
tests Fixed expression issue Jan 29, 2019
.gitignore Formatting Feb 16, 2019
.travis.yml Update token Feb 16, 2019
LICENSE.txt Initial commit Dec 23, 2018
README.md Added zoomkey method Jan 11, 2019
codecov.yml Added codecov.yml Dec 26, 2018
karma.config.js Improved rendering and tests Dec 27, 2018
package.json Update version Jan 29, 2019
rollup.config.js Initial commit Dec 23, 2018
tsconfig.json Initial commit Dec 23, 2018
tslint.json Formatting Feb 16, 2019

README.md

AlgorithmX

travis npm codecov

AlgorithmX is an event-driven network visualization library, built on top of D3 and WebCola. It can be used to create highly customizable interactive networks, as well as animated algorithm simulations.

Resources

Installing

Browser:

<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://ialab.it.monash.edu/webcola/cola.min.js"></script>
<script src="https://unpkg.com/algorithmx"></script>

This will expose a global algorithmx variable.

Module:

Run npm install algorithmx. AlgorithmX is written in TypeScript, and comes with complete type definitions. To use in a TypeScript or ES6 JavaScript project:

import * as algorithmx from 'algorithmx'

Example Usage

// select a div with id 'output' for rendering the network
const canvas = algorithmx.canvas('output')

// add three blue nodes
canvas.nodes(['A', 'B', 'C']).add().color('blue')

// add an edge
canvas.edge(['A', 'C']).add()

// pause for half a second
canvas.pause(0.5)

// temporarily make node 'B' 1.5 times as large
canvas.node('B').highlight().size('1.5x')