UI ComponentsSpecialized
Correlation Heatmap (SVG)
SVG-based correlation matrix for static rendering.
Preview placeholder
correlation-heatmap-svg
Installation
Terminal
npx @ontopic/viz add ui/wb/correlation-heatmap-svgProps
| Prop | Type | Description |
|---|---|---|
matrix | number[][] | Correlation matrix |
labels | string[] | Variable labels |
See full TypeScript interface on GitHub for all props.
Usage Example
TypeScript
import { CorrelationHeatmapSVG } from '@/viz/ui/wb/correlation-heatmap-svg';Metadata
- Last Updated2025-01-12
- FrameworkUI Components
- CategorySpecialized
- Subcategorywb
UI SVG Correlation Static
Quick Install
npx @ontopic/viz add ui/wb/correlation-heatmap-svgRelated Components
plot
Sparkline
Compact inline trend visualization for embedding in text or tables.
plot
Bullet Chart
Bullet chart for performance metrics against targets and ranges.
plot
Slope Chart
Slope chart for before/after comparisons showing change direction.
plot
Diverging Bar Chart
Diverging bar chart centered at zero for showing positive/negative values.