Home > React Demos > Heatmap Charts

React Heatmap Charts

Browse React heatmap charts examples built with ApexCharts.js. Click on any example below to see the live chart and source code.

Basic Heatmap
Basic Heatmap
Multiple Colors
Multiple Colors
Color Range
Color Range
Gradient Legend
Gradient Legend
Rounded Heatmap
Rounded Heatmap
Heatmap with Drilldown
Heatmap with Drilldown
Continuous Datetime
Continuous Datetime
Calendar Heatmap
Calendar Heatmap
Canvas Renderer (High-Density)
Canvas Renderer (High-Density)

Other Chart Types

LINE
AREA
COLUMN
BAR
MIXED / COMBO
RANGE AREA
TIMELINE / RANGE BAR
FUNNEL
CANDLESTICK
BOXPLOT
VIOLIN
BUBBLE
SCATTER
TREEMAP
SUNBURST
Unit Charts
Premium chart typeUNIT
Waffle Charts
Premium chart typeWAFFLE
SLOPE
PIE / DONUT
RADIALBAR / CIRCLE
GAUGE
RADAR
POLAR AREA
SPARKLINES
Dashboards
DASHBOARDS
React Heatmap Charts Examples | ApexCharts.js | ApexCharts.js