Your name

Hello! My name is Yanwen ( ยด โ–ฝ ` )๏พ‰

I'm a passionate artist and coder. Welcome to my world, where I share my creative journey through art and coding projects. I believe in the power of imagination and enjoy exploring the intersection of these two disciplines.

Background & Education

I'm currently studying at the University of California, Santa Barbara, majoring in Applied Mathematics and Fine Art. I've always been fascinated by the blend of creativity and technology, which led me to pursue my interests in both art and coding.

Artworks ๐Ÿ‘ฉ๐Ÿปโ€๐ŸŽจ

From a young age, I've been passionate about creating art. However, during my middle school years, I had to put my artistic pursuits on hold as I was required to focus on academic work. Fortunately, I was able to rediscover my love for art in college and pursue it as my second major, reigniting my artistic dreams. I've experimented with various mediums and styles, such as drawing and digital art. At times, my artwork is inspired by social events, which have made me realize the importance of contributing to women's rights and human rights. I love exploring new techniques and pushing the boundaries of my creativity, as I continue to grow as an artist.

Coding Projects ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

In addition to my passion for art, I'm also an avid programmer. I've worked on numerous projects spanning from web development to iOS, and I'm always eager to learn new programming languages and technologies. My coding projects showcase my problem-solving skills and allow me to bring my artistic vision to life through technology.

Personal Interests

Beyond my academic and creative pursuits, I enjoy hiking, eating, and traveling. These activities not only enrich my life but also often provide inspiration for my projects. By engaging with the world around me and experiencing new adventures, I continue to grow both personally and professionally.

Let's Connect ๐Ÿฅณ

If you'd like to learn more about my work or collaborate on a project, feel free to reach out through the Contact page. I'm always open to new ideas and opportunities.

Artworks ๐Ÿ‘ฉ๐Ÿปโ€๐ŸŽจ :

Click to dive into my creative world!

Coding Projects ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป :

Click to explore my coding project!

Artist Statement

My art delves into the feminist narrative, serving as a reflection of both individual experiences and broader societal dynamics. Utilizing a range of mediums, I craft emotional narratives and societal critiques that explore the intersectionality of feminismโ€”where politics, mental health, and personal identity intersect with gender equality. My work is a dialogue with the viewer, designed to challenge perceptions and deepen the understanding of the complexities surrounding women's rights.

My portfolio spans videos, digital drawings, mixed-media installations, and photographs, each piece exploring a different aspect of our relationships with society, ourselves, and each other. For instance, "A4 Revolution" reflects my political awakening, while "Fruitful Revelations" addresses societal pressures in a gender-biased context, and "A Silent Room" portrays the ordeal of captivity. My photographic works, like "Moonlit Mirage: A Symphony of Colors" and "Urban Eden: Nature's Embrace," capture the beauty of our world, highlighting the interplay of light, color, and nature within urban settings.

As my artistic practice evolves, it remains anchored in the pursuit of advancing feminist ideals and engaging in the critical discourse on gender equality. This commitment extends beyond mere technique to include a challenge to societal norms and a contribution to meaningful conversations on women's rights. I strive for my art to resonate across a diverse audience, sparking dialogues that transcend the visual and encourage collective reflection on the quest for equality. Through my work, I aim to evoke emotions, inspire thought, and contribute to a more equitable society.


Mindful Blooms (2024)

"Mindful Blooms" is an interactive art installation conceived and crafted in 2024, inviting viewers to engage in a dialogue of introspection and expression through the universal language of flowers.

Initially inspired by "Hell: Arts of Asian Underworlds" project from the Asian Arts museum in San Francisco (2023 June - September).

Each handcrafted paper flower in the installation is paired with a card prompting reflection with questions that range from personal fears to cherished memories. This project extends beyond visual aesthetics to create a shared space of contemplation and exchange, inviting participants to leave with a piece of the artwork โ€“ a symbol of the beauty in their own shared stories. The series of images below captures the essence of "Mindful Blooms," from the vivid array of colors to the intimate moments of audience interaction, epitomizing the confluence of art and human experience in my ongoing artistic journey.

Mindful Blooms 0
Mindful Blooms 1
Mindful Blooms 6
Mindful Blooms 2
Mindful Blooms 3
Mindful Blooms 4
Mindful Blooms 5
Mindful Blooms 7

Photographs (Since 2021)




Blue Haven: Canton Towering Amidst the Trees


Urban Eden: Nature's Embrace


Moonlit Mirage: A Symphony of Colors


Autumn Stroll: A Scholarly Path


Rhythms of the Sun: Santa Barbara Serenade

Pink => White (2023)

The "Pink => White" art series is an exploration of the transformation and suppression of truth. The process involves writing messages on a canvas, then coating them with Drydex spackling. Initially pink, the Drydex slowly turns white, subtly concealing what lies beneath. This transition symbolizes the initial clarity of truth that eventually becomes distorted, ignored, or hidden. As the coating dries, bits of the underlying message resurface, yet never in full clarity, representing how some truths persist in the face of suppression.


This one presents a trio of hidden stories, each representing a voice muted by societal norms and expectations. Hidden beneath the layer of Drydex are three sentences written in Chinese characters: โ€œๆˆ‘ๅซๆ‹›ๅจฃ,โ€ โ€œๆˆ‘่ฆๅ›žๅฎถ,โ€ and โ€œๆˆ‘็ˆฑ่‡ช็”ฑ.โ€ They translate to "My name is Zhaodi," "I want to go home," and "I love freedom."

The first statement is for the artist's childhood friend, Zhaodi, an unintentional child in a culture favoring boys over girls. The second statement references a harrowing tale of a kidnapped girl yearning for home (to learn more, see the Art7B page final project). The final statement is a bold declaration of the artist's love for personal freedom, a sentiment often misunderstood and disrespected. In their unique ways, each hidden message in "PinkToWrite1.PNG" represents a poignant, veiled truth, a silenced voice that demands to be heard.


This is an interactive piece that explores our fears and vulnerabilities. It began with a question at the center of the canvas: "What is your biggest fear (right now or in the future)?" Students at UCSB were invited to anonymously share their fears around this question. By the day's end, these raw, unfiltered truths were covered with a layer of Drydex, symbolizing how our fears, although real and potent, are often hidden beneath the surface.


It poses a challenge to conventional morality. The canvas bore the question: "What is something that you have stolen in your life, even if it was small?" UCSB students were encouraged to anonymously write their confessions surrounding this question. As the day closed, their confessions were obscured beneath a layer of Drydex, a reminder of how acts of transgression, regardless of size or significance, can be concealed and forgotten over time.


In this one, the canvas is used as a platform for reflection and confession. The central question reads: "What is something that you have done in your life that you regret?" Students at UCSB anonymously penned their regrets around this question, creating a collective testament of remorse. As the layer of Drydex covered their responses, it underscored how regret, though often hidden, can leave indelible marks on our psyche.

What I Stole from Museums (Since 2022)

ok the title is actually joking. The followings are my sketch drawings (all in procreate so far) of famous artworks while visiting museums ๏ผš๏ผ‰๏ผ‰





































Panda's Life (2022)


Just a normal day en route to school, then out of the blue, I spotted a guy who was literally my typeeeeee!!!!


I was wrestling with my math homework in the study room, so I glanced up at the ceiling for a bit of thinking space, and that's when I saw himmmmmm.


In the dinning hall, I was engrossed in my meal, but when I looked up, there he was, sitting diagonally across from me.


Realizing my crush was gay brought a storm of silent tears, yet I respected his identity and sexuality, silently wishing him nothing but the best.


Calmly applying sunscreen on my way to school, I noticed him on the street, lost in his music.


During the height of the pandemic, despite being exposed to three people who tested positive that day, I remained negative after three consecutive days of self-testing. Such a relief.


Received a disheartening grade on my second math midterm.


My bestie was there to comfort me in my moment of tears.


Enjoyed a fun-filled boba night with my besties.


Indulged in some late-night people watching, appreciating the cute guys.

Bloody Brides (2022)

Final Project Image 1
Final Project Image 2
Final Project Image 3

A Silent Room (2022)

Final Project Main Image
Final Project Process Image 1
Final Project Process Image 2
Final Project Details Image 1
Final Project Details Image 2
Final Project Details Image 3
Final Project Details Image 4
Final Project Presentation Image 1
Final Project Presentation Image 2

Self Portrait (2023)

painting img4

Yifei (2022)

Final Project Image

Art 185LJ: Natural Dye Experiments

Lichen Dye

Lichen Dye Image 1
Lichen Dye Image 2
Lichen Dye Image 3
Lichen Dye Image 4
Lichen Dye Image 5
Lichen Dye Image 6

Tannins and Iron

Tannins and Iron Image 1
Tannins and Iron Image 2
Tannins and Iron Image 3
Tannins and Iron Image 4

Mushroom Dye

Mushroom Dye Image 1
Mushroom Dye Image 2

Nonnative Plants

Nonnative Plants Image 1
Nonnative Plants Image 2
Nonnative Plants Image 3
Nonnative Plants Image 4
Nonnative Plants Image 5
Nonnative Plants Image 6
Nonnative Plants Image 7
Nonnative Plants Image 8
Nonnative Plants Image 9

Cochineal Dye

Cochineal Dye Image 1
Cochineal Dye Image 2
Cochineal Dye Image 3
Cochineal Dye Image 4
Cochineal Dye Image 5

Flower on Silk

Flower on Silk Image 1
Flower on Silk Image 2

Indigo Dye

Indigo Dye Image 1
Indigo Dye Image 2
Indigo Dye Image 3

Home Dye

Home Dye Image 1
Home Dye Image 2
Home Dye Image 3
Home Dye Image 4
Home Dye Image 5

Final Project

Final Project Image 1
Final Project Image 2
Final Project Image 3
Final Project Image 4
Final Project Image 5

Flower on Silk (2023)

Flower on Silk Image 1
Flower on Silk Image 2

Indigo Dye (2023)

Indigo Dye Image 1
Indigo Dye Image 2
Indigo Dye Image 3

Coding Projects

Project Image

Yanwen's World

HTML, CSS, JavaScript

  • Responsive Website Design: The site is fully responsive, adjusting seamlessly between desktop and mobile views.
  • Dynamic Theme Switching: One of the highlights of this project is the dynamic theme switching capability, allowing users to toggle between light and dark modes.
  • Hash Routing: Page navigation is handled using hash routing, resulting in a single-page application (SPA) experience.
  • Interactive Buttons: Interactive buttons on the site improve user engagement and navigation.
View the code on GitHub
AstroDataDashboard2 Project Image

Astro Data Dashboard

React, CSS, Vite.js, Recharts

  • Dynamic Weather Data Visualization: The dashboard fetches and displays real-time weather data, offering insights into moon phases and temperature trends.
  • Modern Web Development: Utilizing Vite.js, the project benefits from faster build times and optimized performance, enhancing the user experience.
  • Interactive Data Filters: Users can filter weather data based on specific criteria, allowing for a tailored data exploration experience.
  • Responsive and Intuitive Design: The dashboard is designed to be user-friendly, with a responsive layout that adapts to various screen sizes and devices.
  • Engaging Charts: Integrated with Recharts, the dashboard presents data in visually appealing and interactive charts, making data interpretation more intuitive.
View the code on GitHub
VeniViciCats Project Image


JavaScript, HTML, CSS, Cat API

  • Interactive API Integration: This project demonstrates seamless integration with the Cat API, where each button click initiates a new fetch request, displaying a variety of cat attributes and images.
  • Dynamic Content Rendering: Each API call appears random to the user, ensuring a unique experience with every interaction, showcasing different cat attributes and images.
  • Attribute Ban List: Users can click on specific attributes to add them to a ban list, preventing future API results with these attributes from being displayed, enhancing user interaction and control.
  • Session History Tracking: The application keeps track of the user's session history, allowing them to review previously viewed items and their choices in attributes.
  • Single View Data Display: The design ensures that only one item from an API call is viewable at a time, focusing user attention and reducing screen clutter.
View the code on GitHub
Food Truck Favorites Project Image

Food Truck Favorites

React, CSS, Vite.js

  • Interactive Food Truck Display: The site features captivating visuals of various food trucks, showcasing their unique dishes and branding.
  • Modern Web Development: Built using Vite.js, the site leverages the latest in frontend development for optimized performance.
  • Responsive Design: Whether on desktop or mobile, users are treated to a seamless browsing experience adjusted to their device.
  • Engaging User Experience: Interactive elements and a clear layout ensure that users can easily navigate and learn about each food truck's offerings.
View the code on GitHub
Sea Monster Crowdfunding Project Image

Sea Monster Crowdfunding Web

HTML, CSS, JavaScript

  • Interactive Introduction Section: The introduction section explains the background of the company and shows the number of unfunded games.
  • Informative Stats Section: This section includes information about total contributions, dollars raised, and the top two most funded games.
  • Dynamic Our Games Section: Initially displays all games funded by Sea Monster Crowdfunding and allows users to filter between funded, unfunded, or all games.
  • Hover Effect: Game cards pop out while hovering, enhancing user interaction.
  • Game Card Search: Placeholder for users to search the game card, improving navigation and user experience.
View the code on GitHub
Project Image

Light Sound Memory Game

HTML, CSS, JavaScript

  • Interactive Gameplay: Players guess a pattern that gets progressively complex. Incorrect guesses are allowed up to three times, increasing game longevity.
  • Dynamic Interface: The interface features a start button that toggles between "Start" and "Stop", night game buttons that light up and play unique sounds, and more.
  • Randomized Patterns: Each game session is different with the computer choosing a new pattern every time, enhancing replayability.
  • Sound and Visual Clues: The game provides sound and visual cues, which are integral to gameplay and user experience.
  • Progressive Difficulty: The playback speed increases with each turn, making the game more challenging and engaging over time.
  • Custom Styling: HTML elements including game buttons are styled differently than in the tutorial, showcasing CSS proficiency.
View the code on GitHub
Project Image

Twitter App

Swift, iOS, Twitter API

  • Complete Twitter Experience: Allows users to view, compose, favorite, and retweet tweets, providing a comprehensive Twitter-like experience.
  • User Profile Integration: User can view tweets with the profile picture, username, and tweet text, enriching the content view and user experience.
  • User Session Management: Includes features for users to log in, log out, and stay logged in across app restarts, demonstrating a good understanding of user session management.
  • Interactive Interface: Users can pull to refresh and load past tweets infinitely, ensuring a smooth, interactive user interface.
  • Rich User Interface: Includes a home screen icon and a styled launch screen, providing a polished user experience right from app launch.
View the code on GitHub
Project Image


Swift, iOS, Parse

  • Custom Parse Backend: Built an Instagram clone app with a custom Parse backend that allows photo posting, displaying a firm grasp of backend technologies.
  • Comprehensive Social Features: The app supports user registration, login/logout, and persistent login, creating a realistic social media user experience.
  • Commenting System: Users can view comments on posts and add their own comments, demonstrating an understanding of interactive social features.
  • Photo Posting: Users can take a photo, add a caption, and post it to the server, showcasing the ability to manage and upload media files.
  • Dynamic Content Loading: Users can view the last 20 posts and refresh the content by pulling down, demonstrating effective data loading techniques.
  • Rich User Interface: Includes a home screen icon and a styled launch screen, providing a polished user experience right from app launch.
View the code on GitHub
Project Image


Swift, iOS, The Movie Database API

  • Interactive App: Allows users to browse movies currently playing in theaters with interactive features such as scrolling and detailed view.
  • API Integration: Fetches movie data from The Movie Database API, showcasing proficiency in networking and API usage.
  • Rich User Interface: Includes a home screen icon, a styled launch screen, and a grid layout of movie posters using a CollectionView.
  • Detailed View: Users can tap on a movie for more detailed information, improving overall user experience and engagement.
  • Image Handling: Capable of fetching and displaying movie poster images for each movie from the API.
View the code on GitHub
Project Image

Yanwen's Journey

Processing, Interactive Design, Visual Narrative

  • Interactive Storytelling: Developed an engaging visual narrative illustrating personal life journey, demonstrating effective storytelling through technology.
  • Integration of Classic Games: Seamlessly integrated two classic games, Flappy Bird and Snake, symbolizing life challenges, showcasing creativity and interdisciplinary application of programming skills.
  • Artistic Presentation: Presented the project in an art class, blending technology and art, and received positive feedback for its unique approach to personal storytelling.
  • Technologies Used: The project was created using Processing, showcasing the ability to use unconventional platforms for programming and design.
View the code on GitHub