Docs Components AI Blocks Charts Pricing

Docs Components AI Blocks Charts Pricing Introduction

Donut Chart · Center Stat Bar Chart · Interactive Stat Card · Sparkline Area Chart (Stacked)Multi-Series Line Chart Radial Progress Chart Funnel Chart Scatter Chart (Quadrants)Radar Comparison Chart Waterfall Chart Gauge Chart Bullet Chart Candlestick Chart Histogram 100% Stacked Bar Chart Step Line Chart Range Area Chart Sankey Diagram Cohort Retention Grid Heatmap Matrix Grouped Bar Chart Pareto Chart Box Plot Bump Chart Slope Chart Sunburst Chart Chord Diagram Violin Plot Ridgeline Plot Parallel Coordinates Chart Scatter Matrix Marimekko Chart Dumbbell Chart Streamgraph Chart Bubble Population Pyramid Hexbin Density Plot Word Cloud Venn Diagram Polar Area Chart Radial Bar Chart Tile Grid Map Chart Burndown Cumulative Flow Diagram Control Chart Waffle Chart Arc Diagram Combo Chart (Dual Axis)Legend Toggle Bar Race Small Multiples Beeswarm Lollipop Chart Icicle Horizon Punchcard Alluvial Diagram Error Bars Regression Scatter Marginal Histogram Contour Survival Curve Tornado Chart Seasonality Connected Scatter Lift Curve Likert Diverging Axis Brush Network Force Treemap Calendar Heatmap Chart Gantt Raincloud Plot Dendrogram Tidy Tree Circle Packing Voronoi Territory Map Adjacency Matrix Spiral Timeline Ternary Plot Market Depth Difference Area Chart Pictogram Q-Q Plot ROC Curve Confusion Matrix Calibration Curve UpSet Plot ECDF Wind Rose Correlogram PCA Biplot Percentile Bands Trace Waterfall Climate Stripes Event Timeline Renko Word Tree Vector Field 3D Bar Grid 3D Scatter Cloud 3D Surface Plot 3D Globe Arcs 3D Ribbon Series 3D Donut 3D Network Graph 3D Funnel 3D Heightmap Matrix 3D Radial Bars Shot Map Pitch Heatmap Pass Network xG Timeline Win Probability Training Load ACWR Heart Rate Zones Race Splits Form Guide Player Percentile Pizza Power Curve Elevation Profile Sleep Stages Fatigue and Freshness Bland-Altman Plot Forest Plot Funnel Plot Precision-Recall Curve Rolling Average Anomaly Timeline Lactate Threshold Curve Gait Cycle Polar Serve Placement Zones Pacing Strategy Autocorrelation (ACF)Quantile Dot Plot Decision Curve Analysis Poincaré Plot (HRV)Sprint Force-Velocity Profile Partial Dependence + ICE Learning Curve Body Load Map HRV Frequency Spectrum Drawdown (Underwater)Groundstroke Depth Zones Court Coverage Rally Length Outcome Serve Miss Map Winners vs Errors Return Depth Match Score Grid Point Momentum Run Speed vs Spin Contact Height Shot Direction Flow Net Clearance Break Point Ledger Pressure Points Match Stats Mirror Serve Speed Bands Net Points Court Zone Win Rate Kitchen Dink Map Third Shot Outcome Side-Out Scoring Court Position Ladder Shuttle Landing Map Badminton Shot Mix Serve Spin Mix T Dominance Padel Wall Play Head-to-Head History Return Position Season Results Front Wall Targets Shuttle Trajectory Rally Replay Movement Trail Serve Sequence Replay Score Ticker Points Race Rally Elevation Replay Coverage Heat Replay Bracket Replay Serve Speed Replay T Battle Replay Soccer Pass Network Soccer xG Race Soccer Territory Flow Soccer Shot Quality Basketball Shot Zones Basketball Momentum Run Basketball Lineup Stints Volleyball Rotation Wheel Chart Volleyball Attack Lanes Baseball Strike Zone Baseball Spray Chart Baseball Win Probability Hockey Rink Shots Cricket Wagon Wheel Cricket Manhattan Scaling Law Token Usage Attention Heads Embedding Projection Eval Leaderboard Training Runs Token Latency Context Window Cost-Quality Frontier Elo Ratings Retrieval Recall@k Drift Monitor Agent Trajectory Data Mixture GPU Utilization Tournament Schedule · Order of Play Draw Path Serve +1 Patterns Rally Pattern Tree Surface Splits Stamina Decay Doubles Formation Shuttle Speed Decay Deuce / Ad Split Tiebreak Ledger Shot Tempo Line Call Review Match Workload Partner Chemistry Point Leverage Project Progress Sprint Velocity Workload Balance Cycle Time Scatter Aging WIP WIP Limits Critical Path Roadmap Swimlanes OKR Tree Review Turnaround Focus Time Blocker Impact Release Readiness Team Availability Milestone Health

Charts

3D Donut

Pro

An extruded WebGL donut on react-three-fiber — hovered slices lift and slide outward, the total floats in the hole, and a DOM legend keeps the numbers honest.

Preview in your theme

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro

3D Ribbon Series

A four-state multi-series 3D ribbon chart on react-three-fiber — one extruded lane per series, theme tokens resolved into WebGL materials, hover isolates a ribbon.

3D Network Graph

A four-state 3D node-link graph on react-three-fiber — degree-sized spheres, one line-segment pass for all edges, a deterministic golden-angle layout and theme tokens resolved into WebGL materials at runtime.

ready

3D donut chart of points scored · 82 games: 4 slices totalling 9,165. Points in the paint: 3,950 (43%), Three-pointers: 3,027 (33%), Free throws: 1,571 (17%), Mid-range: 617 (7%).

empty

No slices yet

The breakdown appears here once the first values arrive.

loading

Loading chart

error

Couldn't load this chart

The data source didn't respond.