Bairui Su

A text-first notebook that shows output as comments right in your code, for algorithms, ASCII art and sketching.

A Grammar of Graphics library for interactive charts. Led v5.0; 12.5k GitHub stars, 1M+ monthly npm downloads.

A camera web app that draws your face as one continuous line; 400+ faces collected at ITP Spring Show 2026.

A collective installation that grows a unique tree from each visitor’s name and plants it in a shared forest.

A mobile feed for interactive programs, where a coding agent adapts sketches into playable, remixable posts.

Write the examples first; an AI agent builds the JavaScript library to match, with snapshots as tests.

Explores creative code by rendering many parameter variations side by side, like small multiples.

A live-coding editor where every keystroke plays the piano, turning code, music and visuals into one instrument.

A text-first notebook that shows output as comments right in your code, for algorithms, ASCII art and sketching.

A Grammar of Graphics library for interactive charts. Led v5.0; 12.5k GitHub stars, 1M+ monthly npm downloads.

A visual analytics system for comparing subgraphs of a large network to trace cyber attacks.

A visual analysis platform tracing how COVID-19 shaped news and public opinion in 2020.

A visual analytics platform for 1.88M conference sensor logs, revealing crowd movement and anomalies.

Six fabrication experiments exploring materials, generative forms, and mechanical computation.

A camera web app that draws your face as one continuous line; 400+ faces collected at ITP Spring Show 2026.

A typeface system that defines each letter as a graph of nodes and links, rendered in SVG and WebGL.

An infinite, zoomable landscape planted with every tree from Find Trees in Names.

A generative clock of blurred, drifting circles that turn with the hours, minutes and seconds; web and Apple Watch.

Repaints images through visualizations of classic sorting, sampling, search and graph algorithms.

A writing system that packs English letters into square glyphs, so words read like Chinese characters.

A collective installation that grows a unique tree from each visitor’s name and plants it in a shared forest.

Animates one static image by rotating polarized light, applying Malus’ Law instead of a barrier grid.

Word clouds that wobble with personality, built on d3-cloud (with a fix sent upstream).

Six experiments that turn charts into instruments: what do charts sound like, and can music draw them?

A vibration sensor and live dashboard that log when the ITP floor’s ping pong table is in play.

A roaming mailbox robot that prints anonymous letters from strangers and invites a reply.

A two-link robotic arm built from scrap wood, steered by inverse kinematics, with an LED face that smiles.

A 3D stacking game where every floor you drop evolves under Conway’s Game of Life.

A declarative language for drawing shapes from data on Canvas, WebGL and the terminal, plus helpers for SVG, Canvas and text.

Flows text inside any SVG shape for text-based visualization and generative art, built on Pretext.

A Markdown extension for interactive documents, inspired by Observable; plugs into VitePress and Docusaurus.

A tiny Grammar of Graphics plotting library written to teach how visualization libraries work, with a companion book.

Coordinate transforms for visualization (polar, helix, parallel, fisheye); authored for G2, also works with D3.

Maps data to visual values like position, size and color, with custom ticks; authored as a core module of AntV G2.

A Processing-style Python library for ASCII art in the terminal, and the beginning of Charming.

A Chrome extension that turns Notion pages into slides, with impress.js-style transitions.

Browser notebooks for p5.js to write, run and share sketches for learning and teaching.

An online editor for wallpapers made of words, colors, patterns and emoji, named after the 福 tradition.

A slide tool that lays out and animates your outline automatically using a word-cloud layout.