Gallery / Live Animated Charts

Live Animated Charts

Each of these 17 charts draws itself live, and you can take 15 of them free, prompt and all.

How it works

  1. 01

    Pick a chart

    Each chart draws itself on its card, so the motion is plain to judge.

  2. 02

    Take the prompt

    It sets the draw order and timings, and uses your site's colours.

  3. 03

    Paste, then add data

    Paste it into your vibe-coding tool, then give it your own numbers.

Questions

15 of the 17 are free, prompt included, with no account. Anything marked signature comes with the signature collection, $19 once for all of it.

No. Your vibe-coding tool reads the prompt, which explains the chart and its animation, and does the coding.

Paste the prompt into your vibe-coding tool, then tell it where your numbers come from. Ask for label or colour changes in plain words.

Line Chart Draw fits a trend over time, since the line traces the change as it appears. Bar Chart Stagger and Stacked Bar Animated suit comparing categories side by side. For one score against a target, use Progress Gauge.

We'd like to measure how the site gets used, with Google Analytics. It sets cookies. Everything the site needs to work runs either way. How we handle data