Charts

29 charts.
Data that moves.

Canvas and WebGL visualisations that animate in, respond to the pointer and take real data — one zero-dependency tag, no charting library behind it.

Newest · Span · Dome · Capsule

MCP in your IDE 
$ claude mcp add --transport http vuesax \
    https://mcp.vuesax.com

One command in Claude Code or Cursor — then ask your agent for any of these 29 charts by name, design tokens included.

New · Ranges

Span

A dense column chart whose real subject is the RANGES.

Live · ChtSpan

New · Part-to-whole

Dome

A staged rollout drawn as nested half-discs — one per stage, all standing on the same baseline and tangent on the left, with a share axis running underneath.

Live · ChtDome

New · Timeline

Capsule

Two series on one scale — a row of fully rounded capsule columns carrying the volume of each period, and a smooth spline laid over them carrying the trend through th…

Live · ChtCapsule

View
Show
New PRO
ChtSpan Bars
New PRO
ChtDome Radial
New PRO
ChtCapsule Bars
New PRO
ChtFan Radial
New PRO
ChtFunnel Flow
New PRO
ChtTide Grid
PRO
ChtDial Radial
PRO
ChtCycle Radial
PRO
ChtVitals Radial
PRO
ChtBeads Radial
PRO
ChtScrub Bars
PRO
ChtTally Bars
PRO
ChtEmber Lines
PRO
ChtHive Density
PRO
ChtEcho Lines
PRO
ChtHatch Bars
PRO
ChtHaze Lines
PRO
ChtPulseBands Comparison
PRO
ChtAura Radial
PRO
ChtBubble Radial
PRO
ChtExpressive Bars
PRO
ChtLevel Radial
PRO
ChtAtlas Geo
PRO
ChtMorphBars Bars
PRO
ChtRadar Radial
PRO
ChtTrail Flow
PRO
ChtGauge Radial
PRO
ChtFrost Radial
PRO
ChtBloom Radial
Go PRO

Close the gap between
the idea and the interface.

PRO hands you the source of every component, section and animation — plus MCP in your IDE, so Claude or Cursor writes them straight into your project. It also opens Vuesax Design, the visual editor, with 500 AI credits to start building in it.