Network diagram

Question

I have never used D3.js before, but fell for the examples right of the bat. I am to make a diagram representing systems/servers and company projects. The diagram will function as a report for the systems communication and integration status. We want the user to get an easy intuitive visual on how the systems commuicate, what is communicated, and to be able to click on a "communication line" to get a detailed status. The backend is under control, but we need to build a frontend which sparkles.

My first thought was that a forced-directed layout was perfect for this, but I am not sure. The following example would be perfect, except it is made in a framework I do not wish to use (too expensive), and it does not contain any event handling. But the presentation in this example is what we are looking for.

Can I get any community input? Is the example I provided possible to make in D3.js (I would be surprised if I get a no on this question)? Can I get any tips which would kickstart me on this project?

Thanks in advance to all you brilliant people out there. :-)

Answer 1

In case you want the data to be visualized using some lucrative animations using the power of d3.js the above mentioned example would look good in forced-directed layout. Following this example http://bl.ocks.org/1377729 One could replace the node values with images and get it. Well, on the other hand if one wants just the statically visualized data to be presented that could be done in various no. of softwares or even flash. Thus choice totally depends on how lucrative one wants to make. Hope this could help. Cheers.