D3.js: Pass Anonymous Function As Parameter To Centering Force?

I'm making an interactive bubble chart and I'm working on functionality to split the data into two groups which move to opposite sides of the screen. I'm using a centering force fo

Solution 1:

Unfortunately, the answer seems to be no.

Due to the very nature of d3.forceCenter, that ("pass an anonymous function as a parameter") is not possible. The API says:

The centering force translates nodes uniformly so that the mean position of all nodes (the center of mass if all nodes have equal weight) is at the given position ⟨x,y⟩. (emphasis mine)

Thus, there is no space for an accessor function here. forceX and forceY, on the other hand...

set the coordinate accessor to the specified number or function. (emphasis mine again)

... and may suit you best.