HoneycombChart

The HoneycombChart displays data in a grid of tiles (shaped as hexagons, squares, or circles), one tile per datapoint.

Provide data in the unified ChartData format — a flat array of objects. The tile value is resolved through the valueAccessor prop, which defaults to "value" and supports dot-notation for nested fields (e.g. "metrics.responseTime"). Values can be numeric (numerical hive) or string (categorical hive). Coloring is controlled with the colorPalette prop.

See also

• HoneycombChartAccessorDataProps

A honeycomb chart organizes and presents data in a visually structured way, making it easier for viewers to analyze and interpret information.

OverviewProperties

HoneycombChartProps

Signature:

export declare type HoneycombChartProps = | | ;

HoneycombChart.Legend

To configure the legend, add HoneycombChart.Legend to the honeycomb chart.

HoneycombLegendProps

Signature:

export declare type Honeycomb = ;

HoneycombChart.EmptyState

HoneycombChart.EmptyState provides a slot where the Empty state wrapper can be set.

EmptyStateProp

Name	Type	Default	Description
children

HoneycombChart.ErrorState

HoneycombChart.ErrorState provides a slot where the Error state wrapper can be set.

ErrorStateProps

Name	Type	Default	Description
children	| ((errorMessage: ) => .)

HoneycombChart.Toolbar

HoneycombChart.Toolbar is a slot to hide or to configure the toolbar.

BaseToolbarProps

extends,

Name	Type	Default	Description
hidden?		false	Decides if the toolbar is visible or hidden