Sound of Time is an interactive visualization that explores the evolution of classical music through data. It presents composers from the 17th to the early 20th century, expressing each through color, size, and motion. Colors correspond to different musical eras such as Baroque, Classical, Romantic, and Modern. The size of each circle reflects the number of compositions, while its movement represents the passage of time. As the timeline flows from 1700 to 1920, composers gradually emerge on the screen. When hovering over a circle, the composer’s name, era, and year appear, and clicking plays a tone that reflects the musical mood of that period. Set against a deep black background, each composer glows like a star, and the subtle pulsation of the circles symbolizes the living rhythm of music. Through the combination of visual data and sound, Sound of Time transforms musical history into an immersive experience — a poetic journey through time and tone.

This system arranges particles along the shapes of the input text and creates a cosmic visual effect by allowing them to scatter when the mouse moves nearby and return to their original positions. Particle attributes such as size, color palette, interaction distance, and force can be adjusted in real-time using GUI sliders, enabling users to explore dynamic visual variations while maintaining overall design consistency.

I wanted to experiment with a different approach from my previous work. In the past, I focused on expressing text by breaking it down into points, but this time I explored the same sentence through the medium of lines in an entirely new way. Unlike points, which convey a concentrated and fixed impression, lines stretch fluidly, creating a sense of flow and rhythm. Through this, I sought to explore the possibility that the same message can deliver a completely different visual experience. By placing no restrictions on color or thickness, I aimed to express the infinite potential for expansion and the creative possibilities inherent in the qualities of lines.

By quoting the phrase 'Somewhere, something incredible is waiting to be known,' I sought to capture the vastness of the universe. The quote reflects the idea that through human curiosity and the spirit of exploration, we can uncover its hidden wonders.

This project visualizes text using a particle system in p5.js. The text is first rendered off-screen on a stencil graphics buffer, and particles are generated only within the regions of the text. Each particle has a home position corresponding to the text shape and can move freely in response to mouse interaction. When the user moves the mouse near the particles, they are repelled, creating a dynamic “dispersing and returning” effect. Particles gradually return to their original positions, producing a fluid and interactive visualization of the text. The project uses a custom font loaded via a URL and demonstrates the combination of typography, particle systems, and interactive graphics in p5.js.