animation...

My plan is to try to render the molecules in d3 and then allow them to be manipulated in order to assemble a signalling pathway.

This requires me to be able to move the molecules in d3.

Animation and transitions are relatively easy. I can get the molecule moved up, down, left, right etc.

However, can I do that with a mouse click and drag? I feel sure it should be possible but I am not sure how yet.

Certainly with a mixture of javascript to input the cursor position and the desired movement, and then creating a d3 animation in response to this it should be possible.

Getting a little advanced perhaps.

Back to d3 rendering of the molecules perhaps?

Do a little more on this later...

Reading a little about animations this morning and I found this:

http://blog.visual.ly/creating-animations-and-transitions-with-d3-js/

Still searching reveals:
Some drag behaviour in d3.

http://jsfiddle.net/CJ46R/3/

Interesting command:
      var drag = d3.behavior.drag()

and this looks interesting:

http://collaboradev.com/2014/01/24/d3-drag-and-drop/

And this;
http://www.jasondavies.com/morley-triangle/

Cool!

With some discussion here:
https://groups.google.com/forum/#!topic/d3-js/fjp1mpvVW1M

This certainly can be done!!!

Requires more learning but it's going to be possible and I hope will work!!!

INSPIRING!!!!