I have to create an interface similar to what http://www.madeiracloud.com provides for drawing a network architecture (for different purposes than what they are doing).
Basically users should be able to drag & drop elements to a canvas and connect them using directional arrows.
What library should I use for this? I'm looking at d3, raphael and ocanvas.
Raphaël ( http://raphaeljs.com/ )in combination with the Dracula Graph Library( http://dracula.ameisenbar.de/ ) will get you started.
and also thejit is perfect:
Multi-Trees The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
http://thejit.org/
Edit:
you can also take a look at Processing.js
http://processingjs.org/
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With