Featured
Projects

Bio Glyph
May 2026

Charming Pretext
Apr 2026

Genuary 2026
Jan 2026

GType
Dec 2025

Recho Multiples: Creative Coding is a Search Problem
Dec 2025

Soft Time
Dec 2025

Recho Melody: Writing Code like a Pianist
Dec 2025

HAP: Hackers and Painters
Nov 2025

Charming V2
Jul 2025

M2: Animate a Static Image based on Malus' Law of Polarization
May 2025

Mandelbrot Set Exploration: Animation, Interaction with Canvas and WebGL
Apr 2025

Jiggly Wordle
Apr 2025

Chart Music Lab
Apr 2025

Ping Pong Table Monitor: What's the Play Pattern of ITP Floor?
Apr 2025
Pixel Poetry
Mar 2025

Rolling Mail Service: A Moving Mailbox with Warm Message
Dec 2024

Frankenstein I: My First Tiny Robotic Arm Project
Nov 2024

Markdown Genji: The Interactive Markdown Extension
Mar 2024

Charming V1
Dec 2023

ColorFu: An Online Editor for Expressive Wallpapers
Dec 2021

Sparrow: The Tiny Plot Library Based on the GoG for Learning Purpose
Dec 2021

AntV Coord: Toolkit for Apply Point Transformations for Vectors
May 2021

AntV Scale: Toolkit for Mapping Abstract Data into Visual Representation
Mar 2021

PyCharming: Character Terminal Art Programming
Dec 2020

CA2: A Visual Analytics System for Comparing and Matching Subgraphs of Large Graph
Jul 2020

Swings of Life
Jun 2020

nCovis: A Visual Analysis Platform for the Impact of COVID-19 on Public Opinion and News
May 2020

Gossip: A Cool Way for Storytelling
Mar 2020

CICSC Vis: A Visual Analysis Platform for Spatial-Temporal Data
Jul 2019

Hello Processing: A Collection of Processing Sketches at the Beginning
Feb 2019
Pieces

Bridget Lines
Feb 2026 · p5.js

Bridget Arcs
Feb 2026 · p5.js

Bridget Circles
Feb 2026 · p5.js

Image Warping
Feb 2026 · p5.js

Video Warping
Feb 2026 · p5.js

Genuary 26 / 27 - Animated Fractal Tree
Jan 2026 · D3.js

Genuary 26 / 28 - Slider Race
Jan 2026 · D3.js

Genuary 26 / 20 - One-line Snake
Jan 2026 · Observable Plot

Genuary 26 / 23 - Sphere Path
Jan 2026 · Three.js

Genuary 26 / 24 - Dithering Globe
Jan 2026 · Canvas

Genuary 26 / 18 - A Traveling Snake
Jan 2026 · Observable Plot

Genuary 26 / 15 - Snake Time
Jan 2026 · D3.js

Genuary 26 / 17 - Falling Pattern Cards
Jan 2026 · Canvas

Genuary 26 / 19 - Water Waves
Jan 2026 · Observable Plot

Genuary 26 / 16 - Sorting Visualization
Jan 2026 · Observable Plot

Genuary 26 / 14 - Fit Text to Image
Jan 2026 · D3.js

Genuary 26 / 11 - Heart by Heart ❤️
Jan 2026 · HTML

Genuary 26 / 13 - Progressive Self Portrait
Jan 2026 · D3.js

Genuary 26 / 5 - Progressive Genuary
Jan 2026 · Canvas

Genuary 26 / 9 - Cellular Architecture
Jan 2026 · Three.js

Genuary 26 / 10 - Chinese Polar Clock
Jan 2026 · D3.js

Genuary 26 / 8 - A City of Rainbow People
Jan 2026 · Canvas

Genuary 26 / 2 - Star 🌟
Jan 2026 · WebGL

Genuary 26 / 7 - Wuxing Partitions
Jan 2026 · D3.js

Genuary 26 / 6 - Yin-Yang Picasso Animals Sketches
Jan 2026 · Canvas

Genuary 26 / 3 - FibonacciGirl With a Pearl Earring
Jan 2026 · Canvas

Genuary 26 / 4 - Venus MST
Jan 2026 · Canvas

Genuary 26 / 1 马到成功
Jan 2026 · D3.js

CG HW 7: Robotic Arm
Nov 2025 · WebGL

CG HW 05: World Airports Delaunay
Nov 2025 · WebGL

CG HW 06: World Flight Paths Voronoi
Nov 2025 · WebGL · D3.js

CG HW 03: Golden Tree
Nov 2025 · WebGL

CG HW 04: Twisted Porcelain
Nov 2025 · WebGL

CG HW 02: DLA
Nov 2025 · WebGL

CG HW 01: Beesandbombs
Oct 2025 · WebGL

Genuary 24 / 25 - Painter
Jan 2024 · Charming.js

Genuary 24 / 19 - Green Growth
Jan 2024 · Charming.js

Genuary 24 / 18 - Shapes with Pattern
Jan 2024 · Charming.js

Genuary 24 / 17 - Islamic Avatar
Jan 2024 · Charming.js

Genuary 24 / 16 - Waltz of Circles
Jan 2024 · Charming.js

Genuary 24 / 9 - On Fire 🔥
Jan 2024 · Charming.js

Genuary 24 / 1 - Noise Swirl
Jan 2024 · Charming.js

ParticleDance
Dec 2018 · Processing

The Great Wall
Nov 2018 · Processing

Purple Rain
Nov 2018 · Processing

Fire Tree
Nov 2018 · Processing

Wave
Oct 2018 · Processing

Clutch Shot
Oct 2018 · Processing




