Hollow Line Chart: a before-and-after animated line for a single change
Midnight · Smooth Rise
Two hollow points joined by a smooth line on a see-through panel. The design for one comparison: last year against this year, before against after.
Theme
Animation
Font
Size
Corners
Line
Area Under Line
Points
Value Labels
Axes
Gridlines
Highlight Peak
Inner Background
Spacing
Canvas
Timing
·
Branding
Your data
Items
The Hollow Line Chart is the head-to-head design: two (or a few) hollow ring points joined by a smooth line, with a baseline, no gridlines and a see-through panel. Made for before-and-after moments - a fitness result, a price change. Use your own data, colors, theme, font and animation preset.
Frequently asked questions
- Is it only for two points?
- It is designed around two, so a single change reads clearly, but it takes up to 12 points if you want a longer series in the same look.
- Why the see-through panel?
- It keeps the chart readable over footage while still marking out the chart's area, a middle ground between the Classic card and the Floating design.
- Can I overlay this on my own footage?
- Yes. Export it as a transparent MOV (ProRes 4444 with alpha) and place it on a track above your video in Premiere Pro, DaVinci Resolve, Final Cut Pro or CapCut.
- Will the export match the preview?
- Yes. The export renders the same element with the same data, theme and animation you see on this page, frame for frame, as an MP4 or a transparent MOV in landscape or portrait.