Heatmap

Тепловые карты. Pro · Графики и аналитика › Карты и матрицы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add heatmap

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { Heatmap } from 'valyro-ui-pro';

Prop	Type	Default
`rows` *	`string[]`		Row labels, top to bottom; long ones are truncated to fit the label column.
`columns` *	`string[]`		Column labels, left to right; labels that would overlap are skipped.
`values` *	`number[][]`		`values[row][column]`. Missing or non-finite values render as empty cells.
`color`	`string`	`'var(--ui-chart-1)'`	Any CSS color. Default `--ui-chart-1`.
`valueFormatter`	`ValueFormatter`		Formats values in the tooltip, cells and data table.
`locale`	`string`		BCP 47 locale for the default number formatting. Default: the `ThemeProvider` locale, then the browser's.
`labels`	`Partial<HeatmapLabels>`		Overrides for the built-in strings.
`showValues`	`boolean`	`false`	Print the value inside each cell (where it fits).
`cellHeight`	`number`	`28`	Default 28.
`ariaLabel` *	`string`		Accessible name of the chart (also the caption of its sr-only data table).

Map Chart — Карта мира: хороплет и точки, зум и панорамирование
Tile Map — Лёгкая карта на тайлах: метки, маршрут, всплывающие карточки, зум
Cohort Retention Matrix — Удержание по когортам: тепловая таблица, средние, аномалии и заметки
Line Chart — Линейные графики
Bar Chart — Столбчатые диаграммы
Area Chart — Графики с заливкой
Scatter Chart — Точечные и пузырьковые диаграммы с линией тренда
Sparkline — Мини-графики
Confidence Band Chart — Прогноз с доверительными интервалами и выбросами, точки читаются с клавиатуры
Candlestick Chart — Биржевые свечи с объёмами и скользящими средними
Donut Chart — Кольцевые диаграммы
Treemap — Иерархии площадями с переходом по уровням