An A to Z of extra features for the D3 force layout by Simon Raper.
From the post:
Since d3 can be a little inaccessible at times I thought I’d make things easier by starting with a basic skeleton force directed layout (Mike Bostock’s original example) and then giving you some blocks of code that can be plugged in to add various features that I have found useful.
The idea is that you can pick the features you want and slot in the code. In other words I’ve tried to make things sort of modular. The code I’ve taken from various places and adapted so thank you to everyone who has shared. I will try to provide the credits as far as I remember them!
…
A great read and an even greater bookmark for graph layouts.
In Simon’s alphabet:
A is for arrows.
B is for breaking links.
C is for collision detection.
F is for fisheye.
H is for highlighting.
L is for labels.
P is for pinning down nodes.
S is for search.
T is for tooltip.
Not only does Simon show the code, he also shows the result of the code.
A model of how to post useful information on D3.