Clear

canvas.nodes([0, 1, 2, 3, 4]).add({
    pos: (_, i) => [(i - 2) * 50, 20]
})
canvas.edges([0, 1, 2, 3].map(n => [n, n + 1])).add()

canvas.node('start').add({
    shape: 'rect',
    size: [42, 14],
    pos: [0, -20],
    labels: { 0: { text: 'Click to start!' } }
})

function animate() {
    const color = '#' + Math.random().toString(16).substr(-6)
    const q1 = canvas.withQ('q1')
    
    for (let i = 0; i < 4; i++) {
        q1.node(i).color(color)
        q1.edge([i, i + 1]).traverse(color)
        q1.pause(0.5)
    }
    q1.node(4).color(color)
}

canvas.node('start').onclick(() => {
    canvas.queue('q1').clear()
    animate()
})