Line Chart with Area Fill
A smooth SVG line chart with gradient area fill and draw-in animation.
Adjust the preview
Every choice updates the preview and the wording below.
Speed
Area Fill
Color
Labels
Line Style
Your prompt
Highlighted values follow your choices — click one to write your own.
Create an SVG line chart that draws in from left to right with a medium 1.5-second animation. The line has a gradient that fades to transparent at the bottom area fill beneath it. Use a blue-to-purple gradient color scheme. Show start and end labels only labels. The line has smooth bezier curves between points styling. Include a value callout on the right showing the latest data point.
Paste it into Claude, Cursor, or v0 along with the context for your project.