Overview
A quick grid of all work thumbnails, ordered by time.
BioGlyph: Face to One-Line Drawing
Jun 2026
![[WIP] BlinkBlink](/img/_home-grid/blinkblink/main.webp)
[WIP] BlinkBlink
Jun 2026
Charming Pretext
Apr 2026
Bridget Lines
Feb 2026
Bridget Arcs
Feb 2026
Bridget Circles
Feb 2026
Image Warping
Feb 2026
Video Warping
Feb 2026
Genuary 26 / 27 - Animated Fractal Tree
Jan 2026
Genuary 26 / 28 - Slider Race
Jan 2026
Genuary 26 / 20 - One-line Snake
Jan 2026
Genuary 26 / 23 - Sphere Path
Jan 2026
Genuary 26 / 24 - Dithering Globe
Jan 2026
Graphbook
Jan 2026
Genuary 26 / 18 - A Traveling Snake
Jan 2026
Genuary 26 / 15 - Snake Time
Jan 2026
Genuary 26 / 17 - Falling Pattern Cards
Jan 2026
Genuary 26 / 19 - Water Waves
Jan 2026
Genuary 26 / 16 - Sorting Visualization
Jan 2026
Genuary 26 / 14 - Fit Text to Image
Jan 2026
Genuary 26 / 11 - Heart by Heart ❤️
Jan 2026
Genuary 26 / 13 - Progressive Self Portrait
Jan 2026
Genuary 26 / 5 - Progressive Genuary
Jan 2026
Genuary 26 / 9 - Cellular Architecture
Jan 2026
Genuary 26 / 10 - Chinese Polar Clock
Jan 2026
Genuary 26 / 8 - A City of Rainbow People
Jan 2026
Genuary 26 / 2 - Star 🌟
Jan 2026
Genuary 26 / 7 - Wuxing Partitions
Jan 2026
Genuary 26 / 6 - Yin-Yang Picasso Animals Sketches
Jan 2026
Genuary 26 / 3 - FibonacciGirl With a Pearl Earring
Jan 2026
Genuary 26 / 4 - Venus MST
Jan 2026
Genuary 26 / 1 马到成功
Jan 2026
Genuary 2026
Jan 2026
GType
Dec 2025
{Mountains, Trees, Names}*
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
CG HW 7: Robotic Arm
Nov 2025
CG HW 05: World Airports Delaunay
Nov 2025
CG HW 06: World Flight Paths Voronoi
Nov 2025
CG HW 03: Golden Tree
Nov 2025
CG HW 04: Twisted Porcelain
Nov 2025
CG HW 02: DLA
Nov 2025
HAP: Hackers and Painters
Nov 2025
AClocks
Oct 2025
CG HW 01: Beesandbombs
Oct 2025
Tree Beeswarm
Oct 2025
Recho Notebook: A Lighter Way to Code with Creativity
Oct 2025
Tree Grid
Aug 2025
Tree Cloud
Aug 2025
Charming V2
Jul 2025
APack: Alphabet Packing Writing System
May 2025
Find Trees in Names: What if We are Trees?
May 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
Genuary 24 / 25 - Painter
Jan 2024
Genuary 24 / 19 - Green Growth
Jan 2024
Genuary 24 / 18 - Shapes with Pattern
Jan 2024
Genuary 24 / 17 - Islamic Avatar
Jan 2024
Genuary 24 / 16 - Waltz of Circles
Jan 2024
Genuary 24 / 9 - On Fire 🔥
Jan 2024
Genuary 24 / 1 - Noise Swirl
Jan 2024
Charming V1
Dec 2023
AntV G2: Create Charts with One Line of Code
Mar 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
Shapes
May 2019
SineWavesPlus
May 2019
StarCloud
Apr 2019
Hello Processing: A Collection of Processing Sketches at the Beginning
Feb 2019
Parallel Universe
Jan 2019
ParticleDance
Dec 2018
The Great Wall
Nov 2018
Purple Rain
Nov 2018
Fire Tree
Nov 2018
Wave
Oct 2018
Clutch Shot
Oct 2018
Featured
Highlighted work across creative tools, expressive systems, and visualization.
Recho Notebook: A Lighter Way to Code with Creativity
Code Environment · Reactive Programming · Notebook · Creative Coding · ASCII Art · Algorithm · Observable · 2025
A lightweight, text-first notebook environment that explores programming as a medium for learning, exploration, and creative sketching.
Find Trees in Names: What if We are Trees?
Generative Art · Collective Data Visualization · Digital Identity · D3.js · Charming.js · 2025
A collective generative art installation that procedurally transforms names into trees.
APack: Alphabet Packing Writing System
Generative Art · Typography · Data Visualization · D3.js · Charming.js · 2025
A writing system that procedurally writes English alphabets in the style of Chinese Characters.
{Mountains, Trees, Names}*
Generative Art · Collective Data Visualization · JavaScript · D3.js · APack · Charming.js · Riso · 2025
A procedurally generated infinite landscape created collectively from names and trees.
AntV G2: Create Charts with One Line of Code
Visualization Grammar · Data Visualization · JavaScript · 2023
A JavaScript library for interactive data visualization.
Products
Products I build and ship for productivity, education, and creativity.
[WIP] BlinkBlink
Chrome Extension · Notion · Presentation · 2026
BlinkBlink is a Chrome extension that automatically converts your Notion content into impressive slides.
![[WIP] BlinkBlink](/img/_article/blinkblink/main.webp)
Gossip: A Cool Way for Storytelling
React · Presentation Tools · HCI · Interface Design · 2020
An open-source platform for quickly authoring and delivering concise, impressive presentations.
Creative Tools
Open-source projects that help people create, code, explore, or build.
Recho Multiples: Creative Coding is a Search Problem
Code Environment · Creative Coding · Version Control · Parameter Exploration · Visualization · WebGL · p5.js · 2025
An exploratory code environment for creative coding that enables parameter variations inspired by small multiples in data visualization.
Recho Melody: Writing Code like a Pianist
Code Environment · Live Coding · Creative Coding · Music Interface · Performance · D3.js · p5.js · 2025
A live coding piano editor that merges code, music and visuals into one performative instrument.
HAP: Hackers and Painters
Creative Coding · WebGL · Algorithms · Data Visualization · 2025
A WebGL-powered platform that transforms images into generative artwork by visualizing classic algorithms.
Computational Expression
Open-source projects that transform language, symbols, names, or code into new visual / structural forms.
BioGlyph: Face to One-Line Drawing
Generative Art · Computer Vision · MediaPipe · Interactive Art · ITP Spring Show 2026 · 2026
An interactive web application that creates a one-line drawing of your face.
Genuary 2026
Generative Art · Creative Coding · Observable · 2026
A collection of generative art pieces from daily learning and experiments based on Genuary prompts.
Frankenstein I: My First Tiny Robotic Arm Project
Physical Computing · Arduino · Robotics · Interactive Systems · 2024
A simple robotic arm with a smiling face and a digital twin, built from discarded materials.
Information & Visualization
Open-source projects about understanding data, systems, or information visually.
AntV Coord: Toolkit for Apply Point Transformations for Vectors
2021
Coordinate transformation can be magical.
AntV Scale: Toolkit for Mapping Abstract Data into Visual Representation
2021
The bridge between data and pixels.
CA2: A Visual Analytics System for Comparing and Matching Subgraphs of Large Graph
2020
Streamlined analysis process.
nCovis: A Visual Analysis Platform for the Impact of COVID-19 on Public Opinion and News
2020
What did people talk about back then?
CICSC Vis: A Visual Analysis Platform for Spatial-Temporal Data
Data Visualization · Visual Analytics · Spatial-Temporal Data · Platform · 2019
My journey starts here.
Pieces
Smaller works and experiments — generative sketches, data visualization studies, geographic patterns, Processing pieces, and shader play.
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
AClocks
Oct 2025 · APack
CG HW 01: Beesandbombs
Oct 2025 · WebGL
Tree Beeswarm
Oct 2025 · Observable Plot
Tree Grid
Aug 2025 · D3.js
Tree Cloud
Aug 2025 · D3.js
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
Shapes
May 2019 · Processing
SineWavesPlus
May 2019 · Processing
StarCloud
Apr 2019 · Processing
Parallel Universe
Jan 2019 · Processing
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