FLITTER

JavaScript Rendering
for Data Visualization

Charts, Diagrams, and beyond — powered by one engine.

Explore ChartsGitHub
Flitter counter example code

Powered by Flitter

Every chart is a widget tree. 10+ chart types, two visual styles, installed via CLI.

Disk Space Usage
AGDisk Space Usage
Quarterly Profit & Loss by Division
AGQuarterly Profit & Loss by Division
GDP vs Life Expectancy
AGGDP vs Life Expectancy
Browser Market Share
AGBrowser Market Share
Espresso Flavor Profile
AGEspresso Flavor Profile
City Temperatures by Month
AGCity Temperatures by Month
Weekend Coffee Orders by City
AGWeekend Coffee Orders by City
Bitcoin Monthly OHLC
AGBitcoin Monthly OHLC
Payment Methods
AGPayment Methods
Average Monthly Temperature by City
AGAverage Monthly Temperature by City
Revenue vs Growth Rate
AGRevenue vs Growth Rate
Monthly Household Expenses ($)
AGMonthly Household Expenses ($)
Monthly Financial Overview
AGMonthly Financial Overview
Transportation Usage by Country
ToastTransportation Usage by Country
Monthly Visitors by City
ToastMonthly Visitors by City
Quarterly Profit / Loss by Division
ToastQuarterly Profit / Loss by Division
Product Revenue vs Margin
ToastProduct Revenue vs Margin
Cloud Infrastructure Spend
ToastCloud Infrastructure Spend
Ice Cream Sales by Flavor ($K)
ToastIce Cream Sales by Flavor ($K)
Monthly Temperature by City
ToastMonthly Temperature by City
Enterprise Software Market
ToastEnterprise Software Market
Pokémon Stats Battle
ToastPokémon Stats Battle
Student Test Scores
ToastStudent Test Scores
Website Traffic Sources (K visits)
ToastWebsite Traffic Sources (K visits)
Monthly Financial Breakdown
ToastMonthly Financial Breakdown
Monthly Revenue Breakdown
ToastMonthly Revenue Breakdown
Global Streaming Revenue (2025)
ToastGlobal Streaming Revenue (2025)
Disk Space Usage
AGDisk Space Usage
Quarterly Profit & Loss by Division
AGQuarterly Profit & Loss by Division
GDP vs Life Expectancy
AGGDP vs Life Expectancy
Browser Market Share
AGBrowser Market Share
Espresso Flavor Profile
AGEspresso Flavor Profile
City Temperatures by Month
AGCity Temperatures by Month
Weekend Coffee Orders by City
AGWeekend Coffee Orders by City
Bitcoin Monthly OHLC
AGBitcoin Monthly OHLC
Payment Methods
AGPayment Methods
Average Monthly Temperature by City
AGAverage Monthly Temperature by City
Revenue vs Growth Rate
AGRevenue vs Growth Rate
Monthly Household Expenses ($)
AGMonthly Household Expenses ($)
Monthly Financial Overview
AGMonthly Financial Overview
Transportation Usage by Country
ToastTransportation Usage by Country
Monthly Visitors by City
ToastMonthly Visitors by City
Quarterly Profit / Loss by Division
ToastQuarterly Profit / Loss by Division
Product Revenue vs Margin
ToastProduct Revenue vs Margin
Cloud Infrastructure Spend
ToastCloud Infrastructure Spend
Ice Cream Sales by Flavor ($K)
ToastIce Cream Sales by Flavor ($K)
Monthly Temperature by City
ToastMonthly Temperature by City
Enterprise Software Market
ToastEnterprise Software Market
Pokémon Stats Battle
ToastPokémon Stats Battle
Student Test Scores
ToastStudent Test Scores
Website Traffic Sources (K visits)
ToastWebsite Traffic Sources (K visits)
Monthly Financial Breakdown
ToastMonthly Financial Breakdown
Monthly Revenue Breakdown
ToastMonthly Revenue Breakdown
Global Streaming Revenue (2025)
ToastGlobal Streaming Revenue (2025)

Used in Production — easyrd.dev

A database table editor used by 10,000+ users. Built with SvelteKit + Flitter + DBML.

EasyRD - ERD diagram editor powered by Flitter

Google's Creative Power,Now on the Web

Flutter's declarative API, now in JavaScript. SVG & Canvas, one unified engine.

FlutterDart
Flutter Dart code
FlitterJavaScript
Flitter JavaScript code

Declarative code that reads like a blueprint.

Box model layouts -- constraint-based, predictable, powerful.

SVG or Canvas? Both. One API, two renderers.

Interactive charts with click, hover, and gesture support.

Canvas events handled elegantly, no hacks required.

50+ widgets ready to compose into anything you imagine.

Rendering performance that scales with your ambition.

Daeseung Moon

Daeseung Moon

Korean frontend developer, 7 years in.
I love building visual experiences on the web.

Also built by Daeseung

ssgoi — Page transition library for the web★800+ssgoi — Page transition library for the web

See What's Possible

Explore the chart gallery, dive into the docs, or contribute on GitHub.

Chart GalleryCore APIGitHub