Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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.