AlgorithmX

AlgorithmX is a library for network visualization and algorithm simulation, available in the following languages:

JavaScript (incl. TypeScript)
Python (incl. Jupyter Notebooks)

On the client side, AlgorithmX uses D3 and WebCola to render networks.

Example Usage

canvas.nodes([1, 2, 3, 4, 5, 6, 7]).add()
canvas.edges([[1, 2], [2, 3], [3, 4], [4, 5],
    [5, 6], [6, 7], [1, 3], [2, 4], [2, 7]]).add()

for (let i = 1; i < 8; i++) {
    canvas.pause(0.5)
    canvas.node(i).color('green').highlight().size('1.25x')
    
    if (i < 7) {
        canvas.pause(0.5)
        canvas.edge([i, i+1]).traverse('green')
    }
}

Credits

AlgorithmX was developed by Alex Socha with support from Monash University.