Data Visualization.
Premium Charts.
Meticulously crafted data visualizations. Built with Recharts and seamlessly integrated.
3D Beveled Rings
Photorealistic embossed tube tracking.
3D Beveled Treemap
Physical depth with advanced lighting filters for a realistic 3D look.
3D Block Funnel
Isometric solid block extrusion funnel
3D Curved Line Chart
A smooth curved line chart featuring realistic 3D shadows and depth.
3D Depth Area
Isometric solid block extrusion.
3D Depth Bar
Glass-block bars with perspective side + top faces
3D Depth Full Gauge
A solid 360-degree floating hollow cylinder with deep extrusion.
3d Depth Gauge
Simulated 3D depth using stacked isometric layers.
3D Depth Half Gauge
A perfect semi-circle with glass depth effect.
3D Depth Quarter Gauge
A hollow 3D glass slice for quarter sweeps with depth effect.
3D Extruded Pie Chart
Perspective depth-extruded 3D pie with side walls and hover lift
3D Hollow Full Gauge
A completely transparent 360-degree floating hollow cylinder.
3D Hollow Half Gauge
A perfect semi-circle with fully hollow glass 3D depth.
3D Hollow Quarter Gauge
A hollow 3D glass slice for quarter sweeps with full transparency.
3D Isometric Extrusion
Tilts the canvas into 3D isometric space with physical pop-out hover effects.
3D Linear Line Chart
A line chart featuring realistic 3D shadows and depth.
3D Plane Funnel
Receding perspective plane funnel
3D Planetary Orbit
Continuous live 3D trigonometric rendering engine
3D Prism Candlestick
True SVG extruded 3D rectangular prisms for each candle.
3D Radial Cylinders
Revolutionary 2.5D scatter plot rendering upright 3D pillars on an isometric grid
3D Room Scatter
True 3D spatial mapping with XYZ dimensional volume
3D Spheres Scatter
Realistic glossy marbles rendered via specular radial gradients
3D Stacked Bar
Stacked depth bars split into per-segment side faces
3D Tilt Donut Chart
Tilted perspective 3D donut with depth extrusion and center total
3D Vortex Gauge
Deep 3D funnel effect with twisting, scaling isometric layers.
Animated Donut Chart
Smooth animated donut chart with total
Animated Legend Pie Chart
Interactive legend synced with chart hover
Animated Pie Chart
A smooth animated standard pie chart
Animated Pop Donut Chart
Pie slices smoothly expand outward when interacted with
Animated Pop Pie Chart
Slices smoothly expand outward when interacted with
Audio Visualizer
High-frequency 24-point radar resembling a soundwave
Barcode Stacked Timeline
Manipulating aspect ratio to force a horizontal 1D slice layout instead of a grid.
Basic Area
Default area with gradient fill and smooth curve
Basic Bar
Default vertical bar chart with rounded caps
Basic Funnel
Basic solid filled funnel segments.
Biaxial Line Chart
Dual y-axes to compare two datasets with vastly different scales.
Biaxial Scatter Chart
Independent left and right scales (biaxial).
Bivariate Coxcomb
Maps both Angle and Radius to two different dimensions for advanced data analysis
Blueprint Matrix
Engineering cross-grid pattern for a technical UI look
Blueprint Motif Scatter
A highly stylized CAD/engineering aesthetic using nested background patterns
Blueprint Pattern Treemap
Architectural wireframe layout with SVG patterns.
Boot Sequence Gauge
Simulated system boot-up sequence before settling on final value.
Bottom Half Gauge
Same notch layout, but the arc runs 180° -> 360°
Bounce Enter Funnel
Spring bounce animation on segment enter.
Bouncy Animation Gauge
Custom spring transition and slow stagger for a dramatic entrance.
Brush Zoom Area
Use the brush strip to select and zoom into a time range
Bubble Cluster Map
Transforms the squarified layout into an organic, floating scatter-bubble cluster.
Centered Labels Funnel
Labels embedded directly within the funnel blocks.
Chromatic Glitch Radar
VHS 3D split effect using translate transforms
Chunky Blocks Gauge
Very few notches with low spacing creates a heavy, segmented block look
Circle Pattern Area
Area chart with a dense pattern circles mesh texture
Circle Pattern Bar
Bar chart filled with dense pattern circles
Circle Pattern Candlestick
Candlestick chart filled with dense pattern circles
Circle Pattern Funnel
Funnel chart with a dense pattern circles mesh texture overlay
Circuit Board
Tech-inspired PCB trace pattern fill
Circular Notches Gauge
Full default depth with a 22px corner radius for a capsule look
Circular Radar Chart
A glowing multi-series radar chart plotted on a circular web
Classic Candlestick
Financial candlestick chart for trading data.
Comet Trails
Bubbles with motion velocity trails
Compressed Gradient Area
Gradient fades out quickly near the top
Concentric Topography Treemap
Topographical map aesthetic with nested rectangles.
Connected Constellation
Networked bubble nodes
Contrasting Profiles Radar Chart
Three metrics with two contrasting profiles
Control Bands Scatter
Process control tracking with statistical upper and lower limit bands
Crosshatch Pattern Funnel
Dual PatternLines grid texture
Crosshatch Pattern Gauge
Dual PatternLines forming a grid mesh
CRT Sonar Scanner
Retro sonar scanner with circular mesh and glowing pulse
Custom Markers Line Chart
Annotates specific dates with custom icons and vertical drop-lines.
Custom Tooltip Bar
Formatted currency values in tooltip
Dashed & Solid Bar
Dashed outline with background, solid on hover
Dashed Line
Combines a solid historical line with a dashed projection tail.
Dashed Line Area
The entire line is dashed, except for the solid highlighted segment on hover
Dashed Outline Bar
Bars with dashed outline
Dashed Outline Radar
Focus purely on the data shape with dashed strokes
Deep Grouped Nesting
3-level deep hierarchy rendering explicit parent and sub-parent borders.
Dense Data Bar
High density continuous date scale
Dense Micro-Grid Treemap
Flat hierarchy with 60+ nodes simulating a dense heatmap layout.
Dense Spaced Funnel
Funnel chart with larger gaps and straight edges.
Density Cloud Scatter
Visualizes the center of gravity in large datasets using overlapping opacity
Depth of Field Scatter
Z-depth parallax simulated via radial bokeh blurs and overlapping shadow layers
Diamond Weave
3D geometric pyramid pattern fill
Donut Polar Area
Jagged outer ring with a hollow center displaying the total metric
Dot Grid Background Area
Area chart over a dot grid texture with edge fade
Dot Grid Background Bar
Bar chart over a dot grid texture with edge fade
Dot Grid Background Scatter Chart
Dot grid texture with edge fade.
Dot Grid Candlestick
Candlestick chart over a dot grid texture with edge fade
Dot Grid Line Chart
A dotted grid background replacing standard Cartesian grid lines.
Dotted Mesh Pattern Gauge
Dense PatternCircles overlay for a technical aesthetic
Dotted Ring Gauge
Short notch length with full corner radius creates a circular dotted track
Dual Axis Area
Independent left and right scales (biaxial)
Dual Axis Bar
Left and right Y axes
Dual Gradient Gauge
Foreground and background notches each get their own hex ramp
Equalizer Polar Area
Segmented LED-style data visualization breaking slices into discrete curved blocks
Fade Edges Area
Area fill fades at the left and right edges
Fill Only Radar Chart
Six metrics, fill only without stroke or dots
Filled Radar
Solid filled regions with strokes on a radar.
Flat Caps Ring Chart
Square ring ends instead of rounded
Flipped Sweep Gauge
Same spacing and notch count, rotated so the gap sits on the opposite side
Floating Bubbles
Continuous fluid suspension animation
Floating Center Pie Chart
Features an adaptive frosted-glass center label
Floating Pattern Cells
Continuous fluid suspension animation with patterns
Fractal Crystal
Kaleidoscopic, polymorphic shard pattern fill
Full Circle Gauge
A complete 360-degree radial gauge.
Glass Spheres
3D spherical glass effect bubbles
Glassmorphism Treemap
Premium frosted glass translucent data representation.
Gradient Bar
Linear gradient filled bars
Gradient Polar Area
Vibrant custom linear gradients with drop shadows and rounded corners
Gradient Radar Chart
Beautiful gradient fill for a modern look
Gradient Segments Funnel
Linear gradients flowing between green palette shades
Grid Background Funnel
Alternating bands and grid lines for easier comparison
Grid Only Radar Chart
No axis lines for a softer appearance
Grid Radial Bar
Radial bars on a polar grid.
Grouped Labels Funnel
Labels stacked together in a compact group
Half Circle Ring Chart
180-degree arc across the top
Hexagon Pattern Area
Honeycomb PatternHexagons
Hexagon Pattern Gauge
Honeycomb PatternHexagons overlay
High-Contrast Bipolar Split
Exactly two massive root nodes for a stark A/B split comparison layout.
Hollow Candlestick
Trading chart with hollow profit candles.
Holographic Foil Treemap
Shiny, iridescent trading-card foil layout.
Horizontal Bar
Horizontal bars
Horizontal Single Bar
Single horizontal bar series
Hover Pop Donut Chart
Donut with grow effect and center value
Interactive Bubbles
Interactive glowing crosshair bubbles
Interactive Donut
Hover over slices to see detailed value and expanding slice animation
Interactive Drill-Down Treemap
An interactive treemap allowing infinite drill-down navigation into nested nodes.
Intricate Mesh Radar
12-axis highly detailed polygon mesh
Isometric Extruded Polar
True 3D depth generated via multi-layered stacked SVG rendering with isometric scaling
Isometric Hologram
CSS 3D perspective transformation for a tabletop UI
Isometric Projection
3D extruded radial tracks.
Laser Beam Radar
Overlapping layers create a lightsaber glow effect
Layered Extrusion
SVG filters generate a thick 3D bevel/extrusion
LED Matrix Rings
Discrete dot-matrix progress trackers.
Left Axis Area
Both series share the left scale with explicit Y-axis labels
Left Axis Bar
Grouped vertical bars with a single left value scale
Left Y-Axis Line Chart
Line chart with the primary value axis fixed to the left side.
Legend Pie Chart
Interactive legend synced with chart hover
Legend Ring Chart
Interactive legend with progress bars
Linear Area
Straight lines between data points
Linear Dotted Gauge
High spacing and equal width/height ratio creates a dotted progression
Linear Gauge
Horizontal notch bar
Linear Gradient Gauge
Active and inactive notches each interpolate along their own hex ramp
Linear Gradient Steps Gauge
Linear layout with few notches creates a step-by-step progress indicator
Linear Label Gauge
Optional centerValue and labelPlacement for linear gauges
Linear Line Chart
A basic smooth line chart connecting data points continuously.
Live Dot Grid Background
Live streaming line chart over a dot grid texture with edge fade
Live Line Only
No area fill — simple line and live dot
Live Momentum Colors
Green for increase, red for decrease
Live Pattern Background
Live streaming line chart with a diagonal pattern fill instead of grid lines
Live Pattern Reference Band
Live line chart featuring a pattern fill inside the reference band
Live Reference Band
Target price band with dashed edges and bracket markers
Live Streaming Line Chart
Real-time data visualization with continuous updates.
Loading Area
Shimmering grid, pulsing foreground segment, and shimmer label while data loads
Loading Bar
Diagonal shimmer sweeping across placeholder bars while data loads
Loading Sweep Area
Diagonal shimmer sweeping across the skeleton area while data loads
Loading Sweep Line Chart
Skeleton placeholder with a sweeping shimmer animation for loading states.
Minimal Funnel
Clean funnel with labels and percentages hidden.
Minimal Radar Chart
No grid labels, fewer levels, clean look
Moving Average Candlestick
Candlestick chart with moving average overlay.
Multi-Cluster Scatter Chart
Three data cohorts separated by band — each with a unique dot style.
Multiple Series Bar
Grouped bars comparing two metrics
Multiple Series Radar Chart
Two models compared across five metrics
Neo-Geometric Block Art
Transforms the squarify algorithm into a piece of modern vibrant geometric art using a wide color palette and thick borders.
Neon Cyberpunk Treemap
Dark mode retro-futuristic grid layout with glowing edges.
Neon Glow Radar
Intense cyberpunk bloom effect using SVG filters
Neon Glow Scatter
Scatter chart points rendered with overlapping sizes and opacities to create a bloom effect
Neon Pulse Gauge
Cyberpunk aesthetic with glowing drop-shadows and pulse animation.
Nightingale Petals
Organic overlapping data blooms.
Nightingale Rose Chart
Rounded slices with custom staggered animation and bright gradients
No Gap Bar
Zero gap with gradient and animated line indicator
No Stroke Area
Softer look with the stroke line hidden
Orbital Constellation
Custom SVG dots rendering complex orbital rings at data points
Outlier Analysis Scatter
Isolates and highlights extreme anomalies
Outline Bar
Bars with outline only
Packed Bubbles
Organic, tightly grouped cellular layout
Packed Pattern Cluster
Organic cellular layout with high-contrast pattern fills
Pattern Area
Diagonal line pattern fill instead of gradient
Pattern Background Area
Area chart with a diagonal pattern fill instead of grid lines
Pattern Background Bar
Bar chart with a diagonal pattern fill instead of grid lines
Pattern Background Candlestick
Candlestick chart with a diagonal pattern fill instead of grid lines
Pattern Background Line Chart
Subtle diagonal pattern fill spanning the entire chart background.
Pattern Background Scatter Chart
Diagonal pattern fill instead of grid lines.
Pattern Band Line Chart
Highlights a specific target range using a distinct background pattern.
Pattern Bar
Diagonal line pattern fill
Pattern Bubbles
Standard multi-dimensional mapping with textured SVG patterns
Pattern Candlestick
Diagonal pattern overlay on candle bodies
Pattern Fill Funnel
Diagonal line pattern on the innermost ring
Pattern Foreground Gauge
Diagonal PatternLines on active notches
Pattern Reference Band Bar
Bar chart featuring a pattern fill inside the reference band
Pattern Reference Band Line Chart
Diagonal striped pattern highlighting a specific horizontal target band.
Pattern Reference Band Scatter Chart
Pattern fill inside the band with colored Y-axis tick labels.
Patterned Donut Chart
Donut with patterned slices and center label
Patterned Pie Chart
Diagonal line patterns for each slice
Patterned Polar Bubble
Scatter plot bubbles filled with interactive SVG patterns
Patterned Rings
Radial bars with custom SVG pattern fills.
Per-Segment Colors Funnel
Each segment with its own color from the chart palette
Perforated Mesh
Dense halftone dot pattern resembling a speaker grille
Pill Bubble Treemap
Friendly and organic rounded squircle tiles.
Planetary Orbits
Concentric nodes traversing orbital tracks.
Polar Area Chart
Equal angle slices with proportional radii
Polar Bubble Scatter
Scatter plot adapted for a radial axis with Angle and Distance coordinates
Polar Heatmap Matrix
Sector matrix visualizing intensity via color mapping on a multi-dimensional polar grid
Polar Lollipop
Minimalist high data-ink ratio design that avoids area-based visual distortion
Polar Range Chart
Floating arcs representing data bounds [min, max] rather than a single value
Profit/Loss Line Chart
Dynamic gradient that shifts between green and red based on a baseline.
Projected Line
Line chart featuring dashed stroke patterns.
Projection Line Chart
Branched forecasting paths showing auto and target projections.
Quadrant Bubbles
Strategic 4-zone categorical scatter plot
Quadrant Scatter Chart
Four zone matrix — dots positioned by two independent dimensions.
Quarter Sweep Gauge
Arc sweep from 180° to 270°
Radial Activity Rings
Concentric progress tracks resembling fitness activity rings with glowing neon styling
Radial Audio Wave
Radiating frequency equalizer.
Radiant Gradient Pie Chart
Gradients that add depth and a modern 3D aesthetic
Reference Band Area
Horizontal Y band behind the series with dashed edges and bracket markers
Reference Band Bar
Bar chart featuring a horizontal Y band behind the series with dashed edges
Reference Band Candlestick
Candlestick chart featuring a horizontal Y band behind the series with dashed edges
Reference Band Line Chart
Solid horizontal highlight band to emphasize a specific data range.
Reference Band Scatter Chart
Horizontal Y band behind the series with dashed edges.
Ring Chart
Multi-ring progress with center value
Scattered Stickers Treemap
Playful physical layout with tilted elements and thick borders.
Segment Selection Line Chart
Interactive line chart that highlights specific segments on hover.
Segmented Tick Ring
Futuristic dashed progress indicator.
Semi-Circle Polar Area
180-degree gauge-style layout optimized for top-half dashboard spaces
Series Markers Area
Scatter-style ring markers at each point
Series Markers Line Chart
Data points are explicitly marked with prominent SVG circles.
Shape Gradient Bar
Discrete square columns with per-series gradient
Short Notches Gauge
Radial depth at 38% with a 12px fillet
Single Series Radar Chart
One asymmetric profile without corner dots
Slick Thin Lines Gauge
Very thin notches with high density
Slow Animated Funnel
Layered funnel with staggered reveal animation.
Slow Reveal Funnel
Custom slow stagger animation with more layers.
Small Dots Scatter Chart
Compact markers with a 2px radius and thin 1px rings.
Solid Area
Solid fill with no gradient fade
Solid Colors Candlestick
Solid emerald/red fills instead of gradients
Solid Fills Scatter Chart
Solid fills only.
Solid Sweep Gauge
Zero spacing between notches creates a continuous solid arc
Sonar Ripples
Expanding radial pulses
Sparse Quarter Gauge
Fewer notches, wide spacing, sharp corners
Spider Chart
Multi-series radar chart with custom markers
Spiral Timeline
Chronological sequential data winding outward.
Squircle Ring Bar
Fully rounded square columns
Stacked Area
Layered areas comparing desktop and mobile
Stacked Bar
Stacked bars with gap between segments
Stacked Polar Area
Overlaying two variables per category for comparative analysis
Stacked Radial Bar
Concentric sweeping arcs for goals.
Standard Bubble
Standard multi-dimensional mapping
Standard Donut Chart
Hollow center with animated value display
Standard Pie Chart
Basic pie chart with colored slices
Standard Radar
Multiple variables on a polar grid.
Standard Treemap
Hierarchical data structure visualization.
Starburst Constellation
Custom diamond nodes forming an overlapping constellation
Step Area
Discrete step interpolation between points
Step Stacked Area
Layered step areas comparing desktop and mobile
Step Style Funnel
Wide gaps + straight edges for a step-chart look.
Stepped Line Chart
A step line chart that visualizes sudden changes in data.
Straight Edges Funnel
Sharp geometric edges instead of smooth curves
Stroke-Only Funnel
Transparent fill with colorful strokes.
Tactical Stripes
Sleek diagonal hazard stripes using SVG pattern fills
Target Matrix
Repeating concentric bullseye radar dots
Target Zone Scatter Chart
Highlights outliers breaching an acceptable SLA threshold.
Textured Bubbles Scatter
Large categorical clusters using SVG pattern fills for enhanced style and accessibility
Textured Donut Chart
Combining center metrics with patterned accessibility
Textured Pie Chart
Uses SVG patterns to provide accessibility and visual texture
Textured Polar Area
Accessible SVG pattern fills for distinct slices and high contrast visual textures
Thick Rings Chart
Wider stroke with larger gap between rings
Three Quarter Ring Chart
270-degree arc from top-left to bottom-left
Tooltip Only Candlestick
Tooltip box without crosshair or dots
Topographic Elevation
Contour lines generated by a stepped radial gradient
Vertical Funnel
Vertical orientation with top-to-bottom flow
Vertical Grouped Labels Funnel
Vertical orientation with all labels stacked together.
Vertical Line Chart
A line chart oriented vertically to show progression top-to-bottom.
Vertical Straight Funnel
Combining vertical orientation, straight edges, and grid
Wave Pattern Area
Area chart featuring fluid wave patterns filling the area underneath
Wave Pattern Bar
Bar chart featuring fluid wave patterns filling the columns
Wave Pattern Candlestick
Fluid PatternWaves inside bodies
Wave Pattern Funnel
Funnel with fluid PatternWaves overlay
Wave Pattern Gauge
Fluid PatternWaves creating a liquid-like texture
Wide Ring Gap Scatter Chart
1px ring, 3px dot, 5px gap between fill and ring.
X-Axis Line Chart
Line chart emphasizing the horizontal timeline axis and its grid.
XY-Axis Line Chart
Line chart displaying both vertical axes and horizontal axes for precise readings.
Y Gradient Scatter Chart
Each dot is painted by its vertical position — indigo at base, coral at peak.
