react-grid-heatmapjs
Version:
React for the user interface, Tailwind CSS for styling, and CSS Grid for layout. A heatmap is a data visualization technique that uses color to represent the magnitude of values within a two-dimensional grid or matrix.
27 lines (26 loc) • 619 B
TypeScript
import React from "react";
interface HeatMapInf {
title?: string;
colorRange: {
from: number;
to: number;
color: string;
name: string;
}[];
series: {
name: string;
data: number[];
total?: number;
}[];
xaxis: {
labels?: string[];
totals?: number[];
};
legends?: {
name: string;
color: string;
}[];
chartStyle?: React.CSSProperties;
}
export declare const HeatMap: ({ series, xaxis, title, legends, colorRange, chartStyle, }: HeatMapInf) => import("react/jsx-runtime").JSX.Element;
export {};