MOTIONSTASH
All components

Column Pair Chart

Data

Two small column groups grow from one dashed baseline that runs unbroken across both, so the comparison is on a single scale

Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
Column Pair Chart — Two small column groups grow from one dashed baseline that runs unbroken across both, so the comparison is on a single scale

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

bar chartcomparisoncolumnsbaselinefinanceexplainer
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/column-pair-chart.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

Two small column charts side by side sharing one dashed baseline that draws all the way across the frame before either group appears — the unbroken line is what says both are on the same scale. Bars are flat and square-cornered with no gradient or rounding, growing up from the baseline one after another with their month labels fading in beneath. One group takes the accent colour and the other the alternate, because the pairing is usually the argument.