Network Connection

Connecting the dots

Take me to the art!

I created this generative art system while playing with the node-link diagram package in d3. I love observing how different nodes “figuring out” where they are supposed to be. Instead of using straight lines as most other network diagrams do, I offer more options: the system would randomly pick an arc, a circle, or a rectangle. Each mode gives an entirely different feeling, especially when I add the random color/stroke/opacity effect.

You can tweak the setting on the left to increase or decrease the diagram’s complexity. A large number of layers and sections will increase the complexity, thus increase the rendering time.

Here are some examples to look through. You can click here to view the live system. Refreshing the page will give you a new design. It is possible to see a blank page because of the random color and stroke setting. Just refresh the page!