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)
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.
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.
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