Smooth edges between circular nodes This note provides
Processing code for connections with the aim of displaying edges
between weighted nodes in a good-looking style. The two versions
have different advantages and shortcomings. Below, you’ll find
interactive examples, the source code, and a case study. The
visual style was chosen for good legibility, while the smooth
junctions between the circles and the connection aim for an
aesthetically pleasing look of connectedness. It was also chosen
to make it easier discernible whether a connection merely passes
under a circle, i.e. points to another node in the same
direction. Through the enlargement of the line in proximity of a
node, it aims to make it clearly visible to which circle the
line belongs to. The lines connect two nodes transparently, in
order to not obstruct underlying information . Displays smooth
connections between two independent sized circles. The
connection simulates a gummy appearance by adapting the
thickness based on size of and distance betw