Javascript To Create Static Diagram

Avg Bid (AUD)
Project Budget (AUD)
$30 - $250

Project Description:
I want JavaScript that will create a static diagram from a number of inputs.

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.

Skills required:
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 199
in 5 days
$ 190
in 2 days
$ 200
in 3 days
$ 150
in 2 days
$ 90
in 2 days
$ 150
in 15 days