The Tabler chart treemap icon visually represents hierarchical data as nested rectangles, commonly used in UI to display proportions and relationships within a dataset.
Common uses
- Displaying market share by company.
- Showing file size distribution in a directory.
- Visualizing budget allocation across departments.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartTreemap } from '@tabler/icons-react';
<IconChartTreemap size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- diagramanalyticsbuisnessdatacharttreemapstatisticsvisualizationmetricsreportchartsnested rectangles charthierarchical data visualizationdata proportion chart
FAQ
- What does the chart treemap icon represent?
- It depicts hierarchical data using nested rectangles, where the area of each rectangle is proportional to its value. This is useful for understanding part-to-whole relationships.
- How do I use this icon in React?
- You can import and use it directly in your React components like this: import { IconChartTreemap } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including the chart treemap icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.