Sparkline Vue - Interactive Demo

🎮 Interactive Chart Demo

Customize any sparkline chart in real-time using the Visual Studio-style properties panel below. Change chart types, colors, dimensions, and various options to see how they affect the chart appearance and behavior.

🎮 Try It Out - Interactive Demo

Customize the chart below by changing the options. The chart updates automatically as you make changes!

Interactive Chart Result

Standard (4)

Chart Type:

Values:

Width:

Height:

Appearance (8)

Line Color:

Fill Color:

Spot Color:

Min Spot Color:

Max Spot Color:

Line Width:

Spot Radius:

Highlight Lighten:

Layout (11)

Range Min:

Range Max:

Normal Range Min:

Normal Range Max:

Normal Range Color:

Top Padding:

Bottom Padding:

Disable Tooltips:

Tooltip Prefix:

Tooltip Suffix:

Tooltip Format:

Extended Options (0)

🔥 Sparkline Vue

🎮 Interactive Chart Demo

🎮 Try It Out - Interactive Demo