Week 6

Project file 1
Project file 2
Project file 3
Live Demo

This interactive data visualization maps all the places I have visited in New York City, capturing details such as date, time, location name, mood, and whether I would recommend the place. Each visit is represented as a circle, with its horizontal position (x-axis) spread evenly across the canvas, and the vertical position (y-axis) mapped to the time of day, from early morning at the top to late night at the bottom. The color and size of each circle corresponds to my mood during the visit, giving visual weight to meaningful experiences. Clicking on a circle reveals a dynamic info panel with all details for that visit. The circles also feature subtle flickering, controllable via the dat.GUI interface, creating an effect reminiscent of city lights shimmering at night. Overall, the visualization combines temporal, spatial, and emotional dimensions to create a lively, personal map of my NYC experiences.

Week 3

Live Demo

For this project, I wanted to create a dynamic and visually engaging composition that incorporated several techniques and ideas I had learned in the last class. The main focus was on combining textures, shapes, typography, and interactivity to produce a piece that is both aesthetic and conceptually tied to my theme.The canvas starts with a gradient background that transitions from grey to black, giving a subtle depth and cosmic feel to the composition. Over this, I added a base circular shape, filled with a light grey color, which serves as an anchor for the other elements. On top of this, I applied a texture image using the dodge blend mode, which highlights the lighter parts of the image while maintaining the overall color harmony. This combination of gradient, base shape, and texture creates a layered effect that gives the canvas more visual interest and dimensionality.A key element in this work is the letters forming "COSMIC TRUST," which I split and randomly positioned across the canvas with semi-transparent fills, allowing overlaps that create subtle interactions and a balanced chaos. One random letter receives a shear transformation each run, adding uniqueness and emphasizing cosmic randomness. I incorporated a dat.GUI interface to toggle between random and aligned letters and added buttons to save the canvas as PNG or SVG. This project let me combine gradients, textures, text manipulation, and vector graphics. Experimenting with shear and interactivity made the piece visually dynamic and conceptually aligned, reflecting what I’ve learned in class.

Week 1

Project file 1
Project file 2
Live Demo

Cosmic Trust is about believing in the universe..not in a blind, passive way, but as an active, guiding energy that intersects with our efforts. I began my journey as a strict atheist, rooted entirely in science and logic. I still deeply respect science, yet over time, a part of me has shifted toward the spiritual. I’ve realized there exists a subtle energy in the universe, a force that shapes and influences life in ways we may not fully understand. It’s not about expecting miracles without effort; manifestation works, but only when paired with consistent action and intention. Challenges don’t disappear, they are the universe’s way of shaping us, building resilience, and nudging us toward our goals. The universe is both beautiful and powerful. Celestial events, like eclipses, illustrate this dynamic energy. The patterns these movements form in the sky are symbolic of life itself: moments of darkness give way to light, and temporary interruptions can lead to new perspectives. Observing these patterns reminds us that life is a rhythm of challenges and revelations, and the unseen forces guiding us are as natural and inevitable as the movement of the planets. In Cosmic Trust, these celestial patterns are translated into visual forms. The orbit of the moon around the sun, the shadows of eclipses, and the subtle waves of energy patterns all symbolize the universe’s influence on our personal journey. The shapes, rotations, and flows in my project are minimalistic but intentional, representing the invisible energy at work in our lives. They serve as a reminder that even small actions, when aligned with intention and trust, contribute to larger outcomes. This project is an exploration of the harmony between action and faith, reason and wonder. By observing cosmic patterns, we recognize that life is interconnected, and growth often comes from surrendering to forces greater than ourselves while still working toward our goals. The visual patterns (ellipses, orbits, and rotations) reflect not only the science of celestial mechanics but also the spiritual idea that energy flows through all things, guiding, shaping, and supporting our journey. The Cosmic Trust project, implemented through p5.js, visualizes this philosophy. Using code, I simulate celestial patterns and movements, such as eclipses, orbital rotations, and abstract energy flows. Users can interact with these elements, witnessing how forces intersect, influence, and create outcomes. The result is a meditative, immersive experience that encourages reflection on one’s personal journey, resilience, and the unseen energies at play.

Week 4

Project file 1
Project file 2
Project file 3
Project file 4
Project file 5
Live Demo

For this project, I wanted to create a dynamic and visually engaging composition that brought together techniques and ideas I learned in class, while also exploring my theme of cosmic alignment and trust. Using p5.js, I combined gradients, textures, typography, randomness, and interactivity to build a piece that feels both aesthetic and conceptually rich. The canvas begins with a gradient background that shifts from grey to black, creating depth and giving a cosmic tone to the composition. At its center is a light grey circular base, acting as a stable anchor. On top of this, I layered a texture image using the dodge blend mode, which highlights lighter regions while maintaining harmony with the background. This combination of gradient, circle, and texture creates a layered, dimensional quality that draws the viewer in. Typography plays a central role through the phrase “COSMIC TRUST.” I split the phrase into individual letters and positioned them randomly across the canvas. Their semi-transparent fills allow overlaps to interact, producing subtle layers and moments of balance within the chaos. To enhance this randomness, the letter sizes now scale dynamically with the canvas dimensions: on taller canvases, the height determines their proportions, while on wider canvases, the width sets their size. This ensures proportionality across all formats and ties the typography to the changing environment of the canvas itself. Additionally, one random letter is transformed with a shear effect on every run. This slight distortion emphasizes uniqueness and unpredictability, symbolizing how the universe often introduces irregular yet meaningful variations. A significant addition is the interplay of two circles. While the light grey base circle remains fixed at the center, a semi-transparent black circle is randomly generated and repositioned each time. When it overlaps the white circle, crescent-like shapes emerge, resembling phases of the moon. This cyclical effect introduces a sense of cosmic rhythm, reinforcing the theme of alignment, change, and trust in unseen patterns. The stroked ellipse also adapts in size relative to the canvas, stretching or shrinking to match proportions, acting as another shifting but balanced element in the composition. Interactivity is provided through a dat.GUI interface, allowing toggling between random and ordered text placement and enabling the artwork to be saved as PNG or SVG. This makes the piece versatile and experimental, with each run producing new alignments and visual outcomes. Overall, this project explores the balance of order and randomness, cycles and change. Through layered textures, dynamically scaling letters, lunar overlaps, and proportional ellipses, it reflects how the universe aligns in both predictable and surprising ways.

Week 2

Project file 1
Live Demo

The concept of manifestation has always fascinated me—the idea that our thoughts, intentions, and focus can influence reality. Manifestation is more than wishful thinking; it is a conscious process of directing energy toward specific outcomes, visualizing them clearly, and aligning one’s actions with those visions. This project is inspired by that principle, aiming to create a visual experience that embodies the power of intention and focus. The central phrase, “COSMIC TRUST,” represents faith in both the universe and oneself, serving as a reminder that alignment with one’s inner goals is a gradual but achievable process. The subsequent appearance of the words “THOUGHT” and the customizable text below encourages reflection, transforming the canvas into a space where abstract ideas such as belief, creativity, and visualization become tangible. My vision for this project was to design an interactive, animated piece that combines digital media and engagement to encourage viewers to reflect on the power of their thoughts. I wanted the letters of “COSMIC TRUST” to start scattered across the canvas, symbolizing the chaos and randomness of unaligned thoughts, and gradually converge into a precise, harmonious formation to represent clarity and focus. The delayed emergence of the word “THOUGHT” mirrors the moment when a focused intention crystallizes into awareness, while the user-customizable text allows participants to insert their personal vision or mantra. This ensures that each interaction with the piece becomes unique and meaningful. The inclusion of a video background adds depth and movement, providing a cosmic and immersive atmosphere that resonates with the theme of trust and universal alignment. The code structure was designed to bring this vision to life. Each letter is treated as an object with properties such as position, size, and target coordinates. Initially, the letters are randomly scattered, with varied sizes to convey disorder. The lerp() function is used to interpolate positions and sizes smoothly over time, creating an animation where letters gradually align into the intended formation. The progress variable controls this transition, while a timer ensures that the secondary text appears only after the main animation completes. By integrating a GUI powered by dat.GUI, I enabled real-time customization: users can adjust text color, reset the animation, control progress manually, input personalized text, and save the canvas as an image. This combination of animation and interactivity transforms the viewer from a passive observer into an active participant in the creation process. Ultimately, this project serves as a visual metaphor for manifestation: scattered ideas and intentions, once focused and nurtured, align into coherent outcomes. The interplay of motion, interactivity, and cosmic visuals encourages viewers to pause, reflect, and connect with their inner thoughts. By translating abstract concepts like trust, intention, and personal vision into a digital, interactive experience, the project demonstrates the power of visualization while showcasing how coding and creative design can intersect to produce meaningful, immersive artwork.