Animated Area Chart
Masked area path with active dots and a theme-aware tooltip.
Studio · Version 2
Ready to go Charts
Beautiful open-source chart blocks for dashboards and analytics. Copy and paste into your apps. Works with any React framework.
Browse ChartsRegistry
Chart Components
Open fullscreen
Allocation Performance Chart
Inset allocation columns with textured tracks and expressive fill states.
Sparkline Card
Metric card with a dense trend line, area mask and trend badge.
Signal Flow Chart
Curved channel cables with particles flowing from a source bus to value-scaled sinks.
Activity Heatmap Chart
Calendar-style activity grid with a diagonal reveal wave, hover tooltip and live recent cells.
Candlestick Chart
OHLC price candles with bullish/bearish tones, growing bodies and an interactive tooltip.
Bubble Chart
Weighted gradient bubbles that scale in, float gently and reveal values on hover.
Activity Waveform Chart
Dense spending waveform with a metric header, hover tooltip and a split ratio bar.
Performance Waterfall Chart
Gantt-style resource timeline with staggered bar reveals, a milestone marker and slowest-step highlight.
Threshold Band Chart
Quality bands (Good / Needs improvement / Poor) with a sliding diamond marker and active-zone glow.
Impact Priority Matrix
2×2 effort–impact matrix with spring-in dots, quadrant labels and a detail tooltip on hover.
Resource Treemap Chart
Proportional block layout with radial gradient fills, scale-in animation and percentage tooltips.
Score Radar Chart
Multi-axis radar polygon with pathLength reveal, ring grid and pulsing vertex nodes.
Risk Score Gauge
A semi-radial risk meter with striped remainder, glow marker and score label.