This is a visualization engine for Siteswaps, a notation system used in juggling to represent patterns in space. It accepts input in the form of numbers
a-z, and brackets
], which denote multiplexes, i.e. synchronous events.
juggling-graph draws arrows from each valid throwable position to each valid catch position. Multiplexes throw from their contents, but recieve at their opening bracket.
A minimal working example is presented below.
render() function takes a single argument, a string to be parsed. This string is usually a sequence of numbers, but can accept letter input, as parsed in base 36. It also accepts brackets. Sites within brackets are treated as a single synchornous event, and share a catch point.
- better arrows / arrow handling w.r.t the aforementioned little colored boxes
- arrows that change color when hovered over?
- inherent validation engine
- better self-loops
Written with CoffeeScript, Jade, and d3.js.