Visualizing with p5.js

Two swirl-like clusters of glowing dots on a black background, one yellowish on the left and one reddish-purple on the right, created using p5.js by analyzing sound volumes.

Year: 2021

Tools: p5.js

Team: Individual work

p5.js

p5.js is an open-source JavaScript library to make creative coding accessible to artists, designers, educators, and beginners. This is a collection of work and visualizations done on p5.js as I learn how to code.

Interaction

Animation of multiple white circles with purple outlines bouncing and colliding on a black background with one red circle following the cursor, showing interaction between colliding circles.

Animated dark background with overlapping semi-transparent gray circular populating the screen and being cleared by mouse cursors.

Visualizing Flight Paths

Dark world map with continents and countries with white dots representing airports, mouse hovers over a dot to show flight paths to other airports.

Visualizing with p5.js

p5.js

Interaction

Visualizing Flight Paths

Visualizing Sound