How to visualize a small graph (cloud) of the same type non-directional links of links between the same type elements?

Question

infographics

There are several dozen similar elements (each can be informatively depicted with two Unicode characters) and a set of facts (given by the names of both related elements) of identical non-directional links between them. Each element can have several (usually less than a dozen) links to others. There can only be one link between two specific elements. How (program or easily programmable library) to visualize such a structure? The task, in principle, is one-time, it is not necessary to build it anywhere.
As a tangible example, we can cite the friendship graph in a small, unpretentious social network where friendship can only be mutual and where there are only a few dozen users.
At the same time, it is desirable to arrange the elements in the picture not anyhow, but in such a way that it is as clear as possible. The expected result is something resembling a structural chemical formula (taking into account the fact that the elements with the most bonds are located closer to the center).

Answer 1

You can try the good old graphviz .

Answer 2

I think d3.js will suit you just fine . Specifically, then Chord Diagram - for a small amount of data it will be quite good.