Here is my requirement:
I need to create a visualization of the connections between different representations of a person. The image below, I think, indicates this quite clearly.

In addition, these rectangles also contain some data about this personโs representation (for example, demographic data and location). I should also be able to handle events when clicking on fields or links between them, as a kind of control tool (for example, double-clicking on a link to delete it, or something on these lines). No less important, since the number of people and links will change, I need it to be displayed, separating people approximately equidistant, as shown in the image.
javascript ? , , .
, :
Arbor js: , , , .
jsPlumb: , , , . , , , , , jsPlumb.
D3.js: , , , node , .
, , - , , , , , , , , .