Data Visualization.
Premium Charts.
Meticulously crafted data visualizations. Built with Recharts and seamlessly integrated.
3D Depth Area
Isometric solid block extrusion.
Basic Area
Default area with gradient fill and smooth curve
Brush Zoom Area
Use the brush strip to select and zoom into a time range
Circle Pattern Area
Area chart with a dense pattern circles mesh texture
Compressed Gradient Area
Gradient fades out quickly near the top
Dashed Line Area
The entire line is dashed, except for the solid highlighted segment on hover
Dot Grid Background Area
Area chart over a dot grid texture with edge fade
Dual Axis Area
Independent left and right scales (biaxial)
Fade Edges Area
Area fill fades at the left and right edges
Hexagon Pattern Area
Honeycomb PatternHexagons
Left Axis Area
Both series share the left scale with explicit Y-axis labels
Linear Area
Straight lines between data points
Loading Area
Shimmering grid, pulsing foreground segment, and shimmer label while data loads
Loading Sweep Area
Diagonal shimmer sweeping across the skeleton area while data loads
No Stroke Area
Softer look with the stroke line hidden
Pattern Area
Diagonal line pattern fill instead of gradient
Pattern Background Area
Area chart with a diagonal pattern fill instead of grid lines
Reference Band Area
Horizontal Y band behind the series with dashed edges and bracket markers
Series Markers Area
Scatter-style ring markers at each point
Solid Area
Solid fill with no gradient fade
Stacked Area
Layered areas comparing desktop and mobile
Step Area
Discrete step interpolation between points
Step Stacked Area
Layered step areas comparing desktop and mobile
Wave Pattern Area
Area chart featuring fluid wave patterns filling the area underneath