Rhythm of Transit



This project examines the overlooked patterns in urban spaces, capturing
the pattern of people and buses in motion
at a busy seoul bus station. By 
turning movement and color into data, this project uncovers the beauty 
within the everyday pulse of city life.


  • Date:  August 2024 [6 Weeks]
  • Tools: Python, HTML, CSS, JavaScript
  • Skills: Data Research






  • Process 01 :  Night Time in Gangnam Station

    I spent a weekend night at a gangnam bus station, capturing a 30-minute video of the city’s vibrant flow—the pattern of buses, ambient sounds of engines and conversations, and the subtle behaviors of passengers.

    This raw data served as the foundation for my analysis, enabling me to track motion and color patterns to reveal 
    the intricate dynamics of public transit in an urban setting.









    Sets up shapes and animationsHandles drawing and basic Interactivity



    Sets up shapes and animationsHandles drawing and basic Interactivity


    Process 02:  Data Research & Data Analysis

    The p5.js visualization transforms data into an engaging, thoughtful experience. Buses are represented by various shapes and colors, symbolizing the diverse passengers—each with a unique story, yet all part of a shared journey. Interactions between passengers and buses, along with random bursts of color and particle effects, reflect the chaotic yet rhythmic pulse of public transit.

    The buses move with intention, but occasional, user-triggered particle explosions introduce an element of unpredictability, symbolizing the spontaneous nature of human behavior within a structured system. A looping sound layer adds a temporal dimension, echoing the continuous cycle of people arriving and departing—a heartbeat of city life. 





    Components








    Process 03: Visual Concept




    What users first see when they open the site





    When users press the space bar





    When users click on anywhere on the screen





    Mouse click and space bar for dual effect





    Mouse click and space bar for dual effect





    Mouse click and space bar for dual effect






    Outcome



    This piece connects real-world data to a digital simulation, encouraging viewers to see the beauty and complexity in everyday urban movements. It invites reflection on how technology and art can deepen our perception of even the most routine actions, like waiting for a bus