Open-source composable chart components for React — line, area, bar, pie, radar, maps, and more. Built with Visx, Motion, and shadcn/ui.
A composable area chart with gradient fills and animations
Composable area-chart demo for Open in v0
Shaded range between per-row upper and lower values on a line chart, with a Bollinger bands helper
A composable bar chart with horizontal/vertical orientations and animations
Composable bar-chart demo for Open in v0
3D depth and glossy glass surfaces for BarChart bars
A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions
Composable candlestick-chart demo for Open in v0
Shared motion helpers for chart enter transitions, clip reveals, and staggered animations
Pattern fill for the plot area when grid lines are hidden
Shared context and hooks for Bklit chart components
Finance-style crosshair with a y-axis value pill that fades nearby YAxis ticks
LinearGradient, RadialGradient and gradient presets for chart fills (SVG defs).
Grid lines for charts
Composable legend components for charts
Marker components for highlighting data points on charts
Responsive size wrapper for charts: measures before first paint, then tracks resizes (no overflow clipping).
Shared line and area series rendering helpers (paths, markers, highlights, dash tails)
Animated stat value and label for chart overlays
Composable tooltip components for charts
Shared Intl formatters, time-series decimation, and RAF tooltip scheduling for Bklit charts
Composable choropleth-chart demo for Open in v0
A geographic map chart with click-to-zoom, 3D camera, dot grid, markers, zoom and pan
Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)
Composable composed-chart demo for Open in v0
Due-date marker line with a fading solid, gradient, or striped region to its right on date x axes
An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations
Composable funnel-chart demo for Open in v0
Radial or linear gauge — notch, solid or sector arcs with ruler, needle, zones, progress ring, dots and glow
Composable gauge-chart demo for Open in v0
A contribution heatmap with animated cells and configurable level colors
Composable heatmap-chart demo for Open in v0
A composable line chart with multiple series support
Composable line-chart demo for Open in v0
Real-time streaming line chart with smooth scrolling, crosshair, and animated axes
Composable live-line-chart demo for Open in v0
Line and area charts for React Native and Expo, drawn with Skia and animated with Reanimated. In an Expo project the shadcn CLI installs dependencies with `npx expo install`, so native libraries get SDK-matched versions.
Nucleo-based SVG pattern presets (PatternPreset, PatternTile) plus the legacy primitives vendored from @visx/pattern (MIT).
A composable pie chart with animations and customizable slices
Composable pie-chart demo for Open in v0
Sign-colored line segments for profit and loss on LineChart
Forecast segment extending a line series past the last data point
A composable radar/spider chart with multiple data series
Composable radar-chart demo for Open in v0
A composable polar chart with radial bars, ring bars, dot bars, lines, areas, axes, scrubber and legend
Composable radial-chart demo for Open in v0
Shaded data-coordinate band for target ranges and thresholds on time-series charts
A composable donut/ring chart with progress indicators