Projects
2025
[WIP] Diya: The interactive grammar for block diagrams
Plot interactive block diagrams with YAMLWebsite | GitHub
[WIP] EchoX: UI = f(DOM, reactive)
The lightweight UI framework for declarative DOM manipulation, alternative to React, Vue and jQuery for small projectsWebsite | GitHub
2024
Infinite Landscape: {Primitives, Colors}*
Procedurally generated infinite landscape with primitives and colorsGitHubFrankenstein: My First Tiny Robotic Arm Project
A simple robotic arm with a smiling face, and its digital twins!Video | Blog | GitHubd3-treemap-flex: The Tiling Method for d3-treemap to Plot Block Diagrams
Plot block diagrams with d3-treemap in a flexible wayGitHubg2-ssr-node: The Tool for Server-Side Rendering G2 Spec in Node.js
Render G2 spec in Node.js with easeGitHubIMDB Movies: An Observable Framework Dashboard for Top250 IMDB Movies
Explore the top 250 movies on IMDB with Observable FrameworkGitHubMarkdown Genji: The Interactive Markdown Extension
Author interactive documents with just Markdown, inspired by Observable Notebook, available in VitePress and DocusaurusIntroduction | Examples | GitHub
2023
Charming: The Data-Driven API for Creative Coding
Think of Charming as Lodash for graphics, or D3 for computational artIntroduction | Examples | GitHub
AntV G2: The Concise and Progressive Visualization Grammar
Bairui Su, Zhiwei Wang, Xiaojuan Liao · Create interactive charts with concise codeIntroduction | Examples | GitHub
2022
Sparrow: The Tiny Plot Library Based on the Grammar of Graphics for Learning
Learn the grammar of graphics with easeIntroduction | Online Book | GitHub
ColorFu: An Online Editor for Expressive Wallpapers
Bairui Su, Suwen Li · Make beautiful but also meaningful wallpapers with colors and wordsIntroduction | Editor | GitHub
2021
AntV Coord: Toolkit for Apply Point Transformations for Vectors
Coord utility for AntVIntroduction | GitHub
AntV Scale: Toolkit for Mapping Abstract Data into Visual Representation
Scale utility for AntVIntroduction | GitHub
2020
nCovis: A Visual Analysis Platform for Analyzing the Impact of COVID-19 on Public Opinion and News
Bairui Su, Ming Yang, Kaiyi Zhang · National Third Price, Covid-19 Visualization Competition 2020 by Alibaba and CCFGitHub
Life Swings: A Three.js Game combing "Building a House" and "Game of Life"
Bairui Su, Hongchao Du · 2020 WeChat Mini-Game Competition National Third PrizeGitHubGossip: An Online Platform for Creative Presentation
Bairui Su, Kaiyi Zhang · Give awesome and informative presentation efficientlyGitHub
CA2: A Visual Analytics System for Comparing and Matching Subgraphs of Large Graph
Luyu Chen, Bairui Su, Yumeng Xue, Xiaoyu Liu, Yunhai Wang · Honorable Mentions for Streamlined Analysis Process for VIS 2020 VAST ChallengeGitHub | Paper
2019
CICSC Vis: A Visual Analysis Platform for Analyzing Spatial-Temporal Data
Kaiyi Zhang, Bairui Su, Nanxiang Yu · National Second Prize, ChinaVis Data Challenge 2019Paper | Video | Answers