Observable PlotStatistical
Correlation Heatmap
Lower-triangle correlation matrix heatmap with value annotations.
Preview placeholder
correlation-heatmap-v1
Installation
Terminal
npx @ontopic/viz add plot/generic/correlation-heatmap-v1Props
| Prop | Type | Description |
|---|---|---|
data | CorrelationMatrix | Correlation matrix data |
showValues | boolean | Display correlation values |
See full TypeScript interface on GitHub for all props.
Usage Example
TypeScript
import { CorrelationHeatmap } from '@/viz/components/plot/generic/correlation-heatmap-v1';Metadata
- Last Updated2025-01-12
- FrameworkObservable Plot
- CategoryStatistical
- Subcategorygeneric
Observable Plot Statistical Correlation Heatmap
Dependencies
@observablehq/plot
Quick Install
npx @ontopic/viz add plot/generic/correlation-heatmap-v1Related Components
recharts
Histogram (Recharts)
Distribution histogram with mean/median reference lines using Recharts.
recharts
Violin Plot
Kernel density estimation violin plots for distribution comparison across categories.
recharts
Scatter with Regression
Scatterplot with OLS regression line and confidence bands. Includes R-squared display.
plot
Marijuana Opinion Trend
GSS marijuana legalization trends by church attendance and other demographics.