Core

Treemap Chart

A treemap chart shows hierarchical data using nested rectangles and is useful when size and grouping need to be understood together.

Example

Usage

Features

  • Best for hierarchical size comparisons.
  • Supports nested groups and leaf nodes.
  • Uses LibravelUI colors through the shared chart palette.
  • Built-in tooltip support is included.
  • Leaf labels are handled inside the chart surface.

Anatomy

import { TreemapChart } from "@/components/ui/core/charts/treemap-chart";
<TreemapChart
  data={data}
  hideValue={false}
/>

Props

Loading types…

Edit on GitHub

Last updated on

Scatter Chart

A scatter chart plots point relationships across two or more numeric axes, making it useful for distribution and correlation analysis.

Grid List

A grid list displays a list of interactive items, with support for keyboard navigation, single or multiple selection, and row actions.