Fog generator is central to ‘Electric Fog,’ allowing users to experience real-time weather from different cities through dynamic motion, with each weather condition shaping the density, movement, and interaction of the weather data. Electric Fog” is an interactive installation for the Gray Area Festival, featuring a fog generator that enhances the immersive atmosphere. By combining motion-responsive visuals with the ethereal quality of fog, the installation explores the intersection of art, technology, and human interaction, creating a dynamic environment that blurs the line between the tangible and the intangible.

Archiv des Wirrwarrs (Chaos Archive) is an interactive installation exploring the beauty of chaos and ambiguity through media art. This installation invites visitors to actively engage with ZKM’s archival artworks, merging personal interaction and digital exploration.

Using p5.js and ml5.js, the installation operates in two parts. The Chaos Type transforms artist images into vibrant, illegible typography, reflecting themes of disruption and unpredictability. Living Chaos Archive incorporates live video input, turning visitor movements into dynamic ASCII visuals, overlaying archival artwork in a vivid interplay of history and interaction.

What emerges is a multi-layered experience that blurs the line between artist and participant. How does chaos inform creativity, and what happens when the viewer becomes part of the archive? The installation challenges visitors to explore these questions, offering a space where art, technology, and human interaction converge.

Presented by The Frick Collection, this exhibition explores the intersection of classical Renaissance masterpieces and contemporary digital art, using coding and algorithmic processes to reinterpret the iconic visual language of the past. Form Revival delves into how modern digital techniques—such as pixelation, abstraction, and ASCII art—deconstruct and reconstruct traditional Renaissance works. The exhibition will examine the transition from analog craftsmanship to the new digital creative paradigms.

By applying coding to manipulate classic works, the exhibition invites viewers to see how Renaissance art can be fragmented and reassembled, maintaining its core aesthetic principles of proportion, balance, and harmony, while recontextualizing these elements for the digital age. The pixelated and geometric treatments mirror the fragmented ways in which modern audiences engage with historical art—through screens, algorithms. This fusion of old and new demonstrates the evolving relationship between art and technology, revealing how coding based art forms reimagine the meticulous details of classical masterpieces.

The exhibition highlights how these treatments preserve and evolve our appreciation of Renaissance themes, offering fresh perspectives in an ever-changing digital world.

The Academy Museum of Motion Pictures is the largest museum in the United States devoted to the arts, sciences, and culture of moviemaking.

This project explores the intersection of generative design, interaction, and visual systems. Through a series of custom-built tools and prototypes, the work transforms the Academy Museum of Motion Picture’s brand identity into an expansive and dynamic visual system.

The Chinati Foundation in Marfa, Texas, founded by Donald Judd, is a contemporary art museum dedicated to preserving large-scale installations by artists like Judd, Dan Flavin, and Carl Andre. The foundation embodies Judd’s vision of blending art with the surrounding landscape. Inspired by Chinati’s connection to nature, I explored wind as an invisible force shaping the artworks. I envisioned an immersive installation that transforms this natural element into a tangible, interactive experience, aligning with Chinati’s minimalist ethos. The installation reacts to real-time wind speed, using p5.js and wind data from an API. Graphical elements rotate and move dynamically, responding to environmental changes and visitor interactions, creating a compelling connection between people, nature, and art.

Remote Sensing is an exhibition hosted by CLUI—The Center for Land Use Interpretation.

As the “eyes in the sky,” remote sensing technology visualizes otherwise invisible data, such as CO2 emissions, by defining and decoding colors. Through this installation, I aim to help people understand how remote sensing expressively conveys data through color and dynamics.

In the early stages, I experimented with various ways to represent data using p5.js. By linking to remote sensing techniques, I utilized gradients to recreate daily CO2 emissions from 1970 to 2020 and displayed the data within a 3D space. I also explored multiple methods to present the underlying driving data. Remote sensing is not only a well-established science but also an art that integrates creativity, subjectivity, and interpretation.

ICA LA is a independently-run & non-collecting museum in Downtown Los Angeles, centering itself around the idea of creating a space in the community for creative experimentation & expression, fostering new perspectives that challenge our social norms, and engaging in dialogue for social change.

The generative tool is used for the installation of the museum, where visitors can see the overview of the institution as they enter the space — messages that resonate with ICA LA and as well as information on related programs.

This generative sketch is informed by and informs the visual identity of the institution, as the subdividing squares reflect the idea of getting deeper into the act of holding understanding and empathy for others around us.

It’s an event where users can customize parameters such as the radius width, vase height, background color, background texture, or even upload their own images. Once satisfied, they can download the image and print it out. To explore more possibilities within ceramics and bring my concept closer to life, I created a different visual style of 3D pottery in p5.js, specifically designed to simulate the effect of 3D printing.

EFLUX SPACE brings this online platform to a tangible space, hosting an interactive installation that encourages visitors to engage in typographic visualizations. This installation was created on p5.js, based on eflux’s journal, “What Does Love Got To Do With It?”. This is a collection of essays that explores love and intimacy through a critical lens. Visitors will enter this installation as a welcoming exhibition that introduces them to the space and engages them in examining how they explore intimacy. Words of their choosing are tracked by their body and facial expressions to show a connection between our physicality and our perception of certain words. Visitors will be able to have a photo-op experience with this interactive installation, engaging their senses and movement with the power of literature.

This project is an extension of my thesis, Empowering Non-Western Visual Languages, featuring an online poster generator that encourages audiences to reflect on their cultural identity and heritage. The generator serves as an interactive tool in offline workshop activities, demonstrating how diverse visual narratives can thrive beyond Eurocentric aesthetics. Participants can create personalized designs using cultural motifs, patterns, and symbols, sparking discussions about identity and representation. By combining technology with hands-on activities, this project emphasizes the importance of inclusivity and collaboration in redefining the global design landscape.

ARTE Museum Las Vegas is a exhibit dedicated to immersive experiences; the main idea is to use the logos or graphical elements and turn them into a dynamic poster experience where when the person looks at the stationary poster and scan it on their phone it will give them a active video of the poster making it immersive.

Live! From the Archive, is a month-long annual event that facilitates dialogue between historical founding artists of The Kitchen and contemporary curators and artists, and critics.

This installation at this event is by the entrance outside where there are lots of passerbyers. Promoting the Live! From the Archive! event, and the dancers and choreography performances by using posenet and machine learning in javascript. I bring the letterforms of the event, and have them assigned to each body part.

LightScapes is a data-driven interactive installation for the Ocma. This piece is a visual representation of time. Using a historical history API, the data for hours of daylight in a day is collected and then translated into a visual language.

What happens if we look at this data set at different scales? How does one day compare to one century? What is your reaction to this, does your perception of time change? Do you react to this emotionally, intellectually, or physically?

BeatLab, a workshop under MUSE:IQUE, embodies the belief that live music should be accessible to all. The design for Beat Lab aims to convey a sense of fun and inclusivity, using vibrant visuals to encapsulate the workshop’s dynamic and welcoming atmosphere.

The purpose of the BeatLab website is to provide an immersive digital platform where users can engage with a wide array of object sounds at the touch of a keyboard.

The BeatLab installation is specifically designed to introduce and demystify the workshop’s musical concepts to newcomers. This engaging setup serves as both an educational tool and a source of inspiration, making the world of music creation accessible to those unfamiliar with the workshop’s offerings.

Images Festival is a year round, experimental independent film festival. Through the process of experimenting a new identity that expands traditional definitions of media art, I utilized creative coding that resulted in creative branding tools. The art generator in this project inputs still frames from the films as the art brush, letting the audience repurpose them to create new artworks.

Interwoven is an upcoming solo exhibition by Samantha Bittman at MCASD, showcasing her unique approach to textile art. Bittman’s works blend traditional craftsmanship with digital design, creating a fascinating interplay between the physical and the virtual. Her intricate geometric patterns, initially conceived using digital tools like Photoshop and Illustrator, are meticulously hand-woven and further enhanced with acrylic paint, resulting in captivating textures and material qualities.

Through this exhibition, viewers are invited to engage with the concept of “weaving” in a novel and interactive way. A digital loom, created using P5.JS, allows users to draw patterns on a canvas using their mouse, mimicking the motion of a shuttle. As the mouse glides across the vertical lines on the screen, patterns emerge, enabling users to create their own digital textile works. This immersive experience offers a unique exploration of the relationship between the physical and the digital, inviting viewers to appreciate the art of weaving from a fresh perspective.

The Pink Awakening examines the return to girlhood as a prominent trend in 2023 continuing into 2024. Characterized by elements like bows and a predominant use of pink, the trend can be analyzed through various lenses and forms of media, including nostalgia and escapism.

CAAM invites users to delve into the intersection of history, culture, and technology through Cornrow Cartography, a form of ancestral technology.

By engaging with the Cornrow Cartography Generator, viewers will gain insight into the historical significance of cornrow cartography and its profound connection to Black hair. Indeed, hair holds profound cultural significance beyond its physical form.

What can be discovered if we used cornrow cartography to navigate, and visualize the future?

The Cornrow Cartography Generator, part of CAAM’s Ancestral Tech Archive, provides a platform for users to generate intricate digital cornrow designs. These patterns are abstract navigation, offering a unique visual mapping of cornrows as technology.

ARKTOS is a collaboration between Arctic Ice Project and RAINS. The collaboration aims to raise awareness of the global climate change crisis we are currently in. Using p5.js, exhibition graphics were developed that expand on the existing visual language and bring the weather conditions of the Arctic as well as the world to the visitors of a pop up exhibition in New York City. The pop up exhibition creates a space for information, statistics and internal reflection.

This is part of the rebranding project for Pioneer Works in the type 5 class.

Pioneer Works is a cultural space in New York, where artists and scientists come together to create new ideas. They aim to foster artists at the intersection of art, music, science, and technology. They provide many events and activities, exhibitions, and residency programs.

The reason why I chose this organization is Because I wanted it to explore the harmony between art and technology. I was curious about the connection between the two. Also, I was interested in their point of view that Science is a part of the culture and they value the cultural impact of scientific thinking.

In this project, I built an interactive installation for the annual event called Pioneer Play Lab. Play lab is an event that celebrates residency works and people can join and be immersed in the interplay between art and technology. This installation is going to be at the entrance of the space. The installation concept brings the interaction between technology and art to life, creating an immersive experience. When users walk by, the image of an artist’s piece is heightened and pops up in an interactive form. I want people to be more engaged in these events and also get some overview of the events like which artists are participating.

The Contemporary Craft Center is a place that enthusiastically embraces and promotes the exploration of a wide range of unique craft materials, inviting people to unleash their endless creativity and bring their artistic visions to life.

Scent Chords is an experimental lab situatedwithin the Contemporary Craft Center. While it draws the inspiration from the pioneering 19th-century chemist and perfumer, Septimus Piesse, as it delves into the intriguing fusionof craft, sound, and smell.

There are two parts about the project:

1. Personalized Postcard Creation with p5.js

With the p5.js code provided, users have the ability to craft their unique postcards featuring specially designed fonts. The customization options include adjusting various pitches using sliders, selecting preferred colors, and adding personalized text.

Once the postcard is tailored to individual preferences, users can save their creation and easily print it out for a tangible keepsake.

2. The Processing and Arduino-Powered Musical Installation

Inspired by Piesse’s ‘Odophone,’ the theory linking smells to Western musical pitches, this project focuses on seven pitches and their corresponding scents. The innovative design aims to visually represent each sound and scent through fluid simulation. Simultaneously, the system integrates a color-coding scheme, with each sound-smell pair having an associated color. The device activates a humidifier to emit the scent whenever the corresponding color fluid is drawn on the screen. Additional buttons provide the flexibility to change the color choice, enhancing the multisensory experience of this interactive musical installation.

Literati Composer is a user-friendly postcard/poster generator that allows individuals to effortlessly create small 4-inch x 6-inch postcards or scale up to 24- inch x 36-inch posters. This innovative tool features inspiring author quotes or enables users to craft custom messages. It’s seamlessly designed for use within the Los Angeles Central Library’s Octavia Lab.

The PA Member Card Generator is an interactive design experience. The main idea behind the design was to embody the essence of the Pacific Ocean.

The concept came from a desire to create bonds and community between the audience and the aquarium. This project aims to attract visitors to the aquarium’s membership program by providing a novel and customized user experience. That allows members to create their own customized cards.

This generator allows for a variety of options: three font types, four patterns, unit scale, density, also font and background colors.

This DIY method is available on the Pacific Aquarium website as an online version and can be found at the Aquarium Store as a physical screen.

The generated design and typography become part of the Pacific Aquarium’s brand delivery, enhancing its identity and the community aspect of audience connection. The program is not only an innovative approach to generative typography but also a strategic idea for the Pacific Aquarium to enhance brand engagement and customer experience.

This Generator used different designs developed on p5.js, and later integrated and organized them using Processing to improve rendering efficiency and performance.

Cinespia is LA’s first and longest running outdoor screening series. This trailer promotes a hypothetical themed month of “Teen Apocalypse” films that would be screened at Hollywood Forever Cemetery. 8 different generative type sketches inspired by the 8 films are layered over corresponding clips.

The Portola Music Festival is San Francisco’s first electronic music festival. It is known for bringing musicians and artists from around the world to perform and exchange positive energy and frequencies through music.

At the festival, visualizers are an essential component to the overall experience. The concept of having a booth where attendees can control live visualizers for their favorite artist was the main goal to achieve.

These visualizers have particular presets that allow a specific variable to change so the user does not exceed what is necessary for the artist who is performing. With each visualizer being sound reactive, there is a constant change in each sketch which will allow for never ending stimulation as long as theres music playing.

KCRW is a radio station based in LA, dedicated to reforming cultural connections and creative landscapes for Los Angelenos. The key elements for redesigning KCRW involve mixed culture transformation and reflection. Blurred and noisy effects on the typography represent the fusion of diverse cultures in Los Angeles, creating something new through transformation and mixed culture.

Using P5.js, you can dynamically adjust the blur effect in sync with the sound’s key elements and use scaling to express rhythm more effectively, drawing inspiration from KCRW.

The Mood Poster Generator is a poster creation tool built on p5.js, designed to detect the user’s mood and generate corresponding posters. The user’s mood data is acquired through a temperature sensor. The visual elements of the poster are adjusted to reflect the user’s mood dynamically. For higher temperatures, the poster adopts warmer colors and more rounded shapes to convey a sense of happiness and warmth. Conversely, lower temperatures result in the use of cooler colors and more rectangular shapes to evoke a cool feeling.

The temperature sensor incorporates Adafruit’s sensor in conjunction with Arduino and utilizes p5.js’s serial port for data transmission to p5.js. Subsequently, p5.js maps the temperature data to a specific range, generating shape probabilities based on the mapped values.

H. Lorenzo is a fashion boutique known for curating avant-garde and high-end designer clothing. It’s recognized for its unique selection of clothing, often featuring cutting-edge designs and emerging designers alongside established luxury brands.

I’ve crafted an avant-garde brand tone in my branding project, blending elegance and simplicity into the exclusive H Type font for H.Lorenzo. Beyond this, I aspire to elevate our brand’s spatial design, inviting customers into an immersive experience that embodies unconventional attitudes.

From the perspective of materials, I used different curves to create the effect of cloth and controlled the movement of the shape through the X and Y axes of the mouse to bring about different dynamics. At the same time, I added sliders to the code to control the shape and color. From black and white to primary color.

I then added key press controls, using ‘b’ and ‘w’ to change the theme color of the background, ‘backspace’ to clear the content on the canvas, ‘up’ and ‘down’ to control the speed of shape generation, and ‘f’ to Stop generation, ‘p’ turns on full screen mode and ‘s’ to save pattern.

After all that, I feel mouse movement is not enough and I added body tracking model ml5 to my code to use camera tracking body as the source that driven pattern generation.

CES is an annual electronic trading show that brings newly released technologies to change peoples’ lives. Using p5.js, I created a generative branding tool that allows for randomness and flexibility. CES is a future-thinking expo with cutting edge technology, so I wanted the identity to reflect that by using code-based tools.

Gridlock is an examination of the many graphic languages of Los Angeles and how these alternate design practices—those that run parallel to traditional design—might inform our individual processes. This year-long study represents my journey to understand and expand my own practice as a graphic designer, from exploring new tools and technologies to breaking free from a screen-based practice.

The website encapsulates my research and explorations from the project. It is also home to the generative sketch that showcases what is lost when we remove color and culture from the built environment. The sketch is built into the web experience using p5.js and bootstrap.

Invisible Architecture is a bamboo installation exhibition by the Starn twins. It’s the invisible architecture of life and living things. It’s an organism that we are just a part of-helping it to develop along. The growth is always unfinished, yet it is always complete and constant.

Bamboo is the fastest growing plant. People can build their own typographic bamboo sculpture when they browse this website. As they scroll down the page, the “bamboo” will grow across the page, controlled by your mouse, giving people an immersive experience of being inside this invisible architecture, which is built by themselves.

The DELVE Experience is an imaginative web-based journey that immerses users in a dream simulation inspired by the fictional DELVE technology from the team last dance’s AMS project. Harnessing the power of p5.js and Three.js, this captivating experience engages users through a combination of visual and auditory elements, culminating in a mesmerizing computer-generated short film set in a world where DELVE technology shapes the story. The project’s primary goal is to investigate the possibilities of web-enabled immersive experiences in entertainment and storytelling while broadening the skillset in 3D graphics using JavaScript and WebGL.

These generative typography animations are designed for an entry wall for an exhibition called Forbidden Future which is about post-apocalyptic games. Post-apocalyptic games mostly tell stories of the extinction of human civilization due to disasters. Abandoned technology, nature, and unknown creatures are always the features of those games. In my design, microorganisms, the cycle of life, and the feeling of abandoned human existence will be the main design elements to bring a sense of mystery to the audience when they enter the exhibition.

Night Reimagined is an exhibition at the Griffith Observatory to inspire audience to understand the effects of light pollution and protect our night quality.

This project is part of the exhibition. It is an information graphic poster that allows audience to interact with the information presented. By selecting different state names, audience can have a simple understanding of light pollution situations in different states of the US, and be encouraged to take action to protect our night sky.

The state names on the poster are connected with real data about light strength, night quality, sky clarity, etc. All data used is real data from Globe at Night.

“Flowing Narrative” showcases the artistic vision of Lygia Pape, a pioneering Brazilian artist who pushed the boundaries of traditional art forms to create dynamic and immersive experiences. Through her works, Pape explored themes of movement, light, and the human experience, often incorporating unconventional materials and techniques. This exhibition brings together a selection of Pape's most celebrated pieces, including installations, sculptures, and prints, inviting the viewer to immerse themselves in the artist’s poetic and captivating world. With “Flowing Narrative,” we celebrate Lygia Pape's enduring legacy as a visionary artist who continues to inspire and challenge us with her extraordinary creativity.

The exhibition’s website offers an interactive experience that allows users to view introductions about specific artworks. This unique feature presents a generative page containing elements from the artwork, bridging between the art and digital formats.

A Hundred Thousand Billion Poems is a book by Raymond Queneau, published in 1961. It is built as a set of 10 sonnets, with each line on a separate strip that can be combined infinitely, for a total of 100,000,000,000,000 different poems.

This project uses generative typography that brings the book’s content into creative coding. By reconstructing the 10 sonnets into an interactive 3D experience, it explores the intersection between poem and code and the transformation of poems from print-based to code-based media.

Boiler Room teamed up with LA’s Subculture Party to put together an explosive weekend of hyperpop, electronic, and experimental sounds. Having gone on Day 1, I thought it would be fun to take on the overwhelming event that it was (in terms of sounds, visuals, and people), and translate it into posters of my personal interpretation. I created a poster series that used sound visualization, mapping, and TextToPoints; some of the key skills I learned in Gen Type and now feel that I can apply to future projects.

ArcFest is an identity system that celebrates the functional and creative purpose of the annual, month-long festival dedicated to showcasing architecture and city-making. The website offers an interactive 3D structure that allows users to explore the relationship of light, color, and space. The light and color of the structure is affected by the time of day in London, UK.

The Duomo Museum (Museo del Duomo) originates inside the Duomo cathedral (Duomo di Milano) in Italy. They are exhibiting heritage marble sculptures and paintings; This is where you can enjoy the beautiful colors of sacred stained glass and artworks from over 600 years of history. I visited Duomo di Milano back in 2016 with my friend. I was amazed by the magnificent cathedral when I got out of the subway station. It was one of the most beautiful pieces of architecture I had ever seen. Out of everything else, I loved the geometric yet delicate architectural motifs the most.

The Duomo module-type generator’s main concept is creating a module type inspired by motifs from the gothic Duomo cathedral. Each letter design produced from the generator will be part of the branding deliverables in many applications. The primary touch point with the audience is at a ticket purchase machine. Each museum customer can interact with the Duomo module-type generator by typing their name for the ticket purchase to the exhibition. Audiences can choose between twelve module shapes and can control their size, density, rotation, and background colors. Each of them will get their own uniquely designed tickets as souvenirs before entering the cathedral and exhibition.

By attempting to explore the indirect relationship between human interaction and graph systems, it transforms human memory of network data into a visual experience.

This project aims to help people become aware of the sheer size of their private data and how easily it is ignored, using typographic visualization to help people build their own “Internet memory nodes.”

LACF identity - Los Angeles Coffee Festival celebrates LA's bustling and vibrant coffee scene. To do so, this identity comes with an abstract generative typography to represent coffee. Los Angeles Coffee Festival celebrates and serves those with a niche hobby. The variety of visuals will add identity. The function can be used manually or typographical.

Bloom is an infographic, interactive experience for The Huntington. It showcases its gardens and unique plants in a playful, typographic way.

Analog making has always been a significant part of my creative process. I am interested in combinging analog and generative design methods, challenging myself to design a digital interface with an organic aesthetic.

Bloom uses hand drawn illustrations of plants from The Huntington’s different gardens as units that formulate the names of the gardens. Users can use the arrow keys to visit different virtual gardens.

The sketch mainly uses the Geomerative and peasycam libraries. The Geomerative library turns the outlines of the letters into points. The points are replaced by the illustration PNGs. Peasycam allows users to rotate and zoom in and out of the gardens to observe the sketch from different angles.

FLEE is a brand identity generator designed to give flea market vendors the freedom to create their own visual identities and collateral.

The name “FLEE” is inspired by the timelessness of flea markets, encouraging shoppers to escape from the present and travel to different eras.

FLEE’s vintage funky colors and random variations provide a unique playfulness that current flea market identities usually lack. The generator contains six different types of brushes, a clear canvas function, and a save image function. The user can also create with a scatter brush, a sticker brush, and a typing brush in the generator.

>X is an experimental typeface design project. Through processing, this project built a physical font system using Geomerative and Fisica. Just like the skeleton binding of the animation, the anchor points on the outer outline of the font are bound by joints, giving the dynamic font more variability and organic feel. This visual system discusses the possibility of giving type and graphics a spontaneous and flexible characteristic.

FLOC|< explores whether linkages exist between variation in migration timing and subsequent changes in population size.

FLOC|< is a data visualization of birding activities to present the knowledge of migratory behavior to inspire birders and scientists as well as to support decisions about conservation actions on the ground.

Storm King Art Center is dedicated to exhibiting, acquiring, borrowing, and conserving modern art and contemporary art. The focus on large-scale sculptures in an expansive landscape, to create a dynamic and unique place for you to explore art and nature.

The phrase “connect to art, connect to nature” is a brand narrative. Storm King Art Center nurtures a vibrant bond between art, nature, and people, creating a place where discovery is limitless. Each small particles used in the design represents art, nature, and people, vibrantly bonding to connect to each other to form the phrase “connect to art, connect to nature.”

The custom typeface has been designed to be responsive and activated by motion. To achieve this, the typeface was put into code and synced with the movement so that the particles responded to the movement.