You have chosen to sponsor your bid up to a maximum amount of .
Input: I will provide an array of names (as strings) with an id.
Output: This will then create a box with its name in it and also have the id attached.
Input: I will then provide a list of connections. (id1, id2, color).
Output: This will then draw an arrow from box 1 to box 2 in the specified color.
Depending on how many names I supply it should evenly space the boxes out.
Please see attached as an example of what I want.
The attached is only an example and the code must be able to adapt to various situations.
I don't mind if you use 3rd party libraries such as raphaeljs as long as they allow free commercial licensing.