Welcome to Sparkline Vue
A modern Vue.js library for creating beautiful, interactive sparkline charts with enhanced tooltips, color indicators, and smooth animations.
📚 Interactive Examples
🎯 Comprehensive Demo
Complete showcase of all features with interactive tooltips, color indicators, and enhanced UX.
- All 7 chart types
- Color-coded tooltips
- Multi-value displays
- Enhanced interactions
🚀 Basic Examples
Simple examples showing fundamental usage patterns and basic chart types.
- Line & Bar Charts
- Basic Configuration
- Copy-paste ready code
- Beginner-friendly
⚡ Advanced Features
Explore interactive features, custom tooltips, and dynamic data updates.
- Real-time data streaming
- Custom tooltip formatting
- Multi-series comparisons
- Dynamic theming
📱 Vue SPA Demo
Full Vue.js Single Page Application showcasing component integration and reactive data binding.
- Vue 3 Components
- Reactive data binding
- Lifecycle management
- Production-ready code
🎮 Interactive Demo
Visual Studio-style property panel for real-time chart customization and experimentation.
- Visual property editor
- Real-time updates
- All chart types
- Mobile-responsive UI
🚀 Performance Analysis
Compare standard vs optimized implementations with large datasets and memory profiling.
- Memory optimization
- Object pooling
- Performance metrics
- Large dataset testing
🚀 Quick Start
Get started with Sparkline Vue in seconds:
npm install sparkline-vue
# Use in your Vue component
import { Sparkline } from 'sparkline-vue'
// or
import Sparkline from 'sparkline-vue'
<Sparkline :data="[1,2,3,4,5]" type="line" />
✨ Key Features
📊
7 Chart Types
Line, Bar, Tristate, Discrete, Pie, Bullet, Box Plot
🎯
Enhanced Tooltips
Color-coded with multi-value displays
⚡
Vue.js Ready
Built for Vue 3 with reactive data binding