How do I make my force-directed graph stay within canvas bounds?

[chizeng]

I have a force-directed graph with over 100 nodes constructed in d3.
http://goo.gl/UDmqh

Many of the nodes lie off of the screen. What can I do to keep the
nodes within the bounds of the canvas and in the view area? Thank you.

[Kai Chang]

See the tick function in this example:

http://bl.ocks.org/1129492

[Mike Bostock]

Another option is to adjust the force layout's parameters dynamically
based on the data. For example, by increasing the gravity force, you
make it harder for nodes to escape the canvas. More discussion here:

http://stackoverflow.com/questions/9901565/charge-based-on-size-d3-force-layout

Mike

[Chi Zeng]

Thank you! The gravity idea is a smart one. Obtaining the minimum position of either the boundary of the canvas or the calculated position in the tick function works fine too.