Available Chart Categories
Area Charts
21 area chart variants including stacked, gradient, and interactive area visualizations.
Bar Charts
35 bar chart components with horizontal, vertical, grouped, and stacked options.
Line Charts
28 line chart variants for time series, trends, and multi-line comparisons.
Pie & Donut Charts
18 pie and donut chart components with labels, legends, and animations.
Radial Charts
15 radial and radar chart components for multi-dimensional data.
Specialized Charts
Box plots, scatter plots, treemaps, and other specialized visualizations.
Chart Component Statistics
Chart Component Questions
What rendering mode do charts use?
Charts use 'client:visible' rendering mode by default. This means they hydrate when they enter the viewport, optimizing initial page load while ensuring interactivity when needed.
What libraries power the charts?
Chart components use Recharts (built on D3.js) for standard charts, and raw D3.js for complex visualizations. Both libraries are well-optimized for React and support SSR.
How are charts organized in the manifest?
Charts are in the 'chart' category with subcategories like area, bar, line, pie, radial, and composed. Visualizations are in the 'visualization' and 'd3' categories.
Can charts be rendered statically?
Charts require JavaScript for interactivity and responsiveness, so they cannot be fully static. However, client:visible defers JS loading until the chart is visible.