Understanding npm view site source
The biggest challenge in consuming or contributing to the community surrounding npm is the sheer number of packages being published. This project was an attempt to take make some high-level observations and fuel inspiration, while prompting further investigation by others.
Every one of the top 32,768 packages are represented as a single onscreen particle in a series of visualisations highlighting different aspects of the data. This was all made possible using WebGL: every metric is stored in a texture, which are read by a GLSL shader to manipulate their position and behaviour in realtime.
The site continues to receive occasional updates, and its source has been made available on Github.