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.
6 freelancers are bidding on average $163 for this job
Hello, I have 4 year+ experience creating graphical applications like this one. I think a implementation using JSON for the data and HTML5 canvas for the drawing would do just fine.