← Back to patterns
Relationship
Heatmap
Matrix of colored cells encoding values at row-column intersections.
Best For
Correlation matrices, time-of-day patterns, dense comparisons.
Live Demo
Live demo not yet available for this pattern
Usage
import { Heatmap } from 'dolex/react';
<Heatmap spec={spec} width={800} height={500} />