We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The Flutter Treemap is a data visualization widget for creating an interactive tree map to visualize flat and hierarchical data as rectangles that are sized and colored based on quantitative variables using squarified, slice, and dice algorithms. It has features like selection, legends, labels, tooltips, and color mapping.
Use different layouts based on algorithms—squarified, slice, and dice—to represent flat and hierarchically structured data.
Arrange rectangles in a row and wrap them with the next row, depending on the available space.
Arrange all rectangles horizontally with the size of each rectangle determined by the quantitative variable and the available height.
Arrange all rectangles vertically with the size of each rectangle determined by the quantitative variable and the available width.
Arrange the tiles in a squarified layout in different directions.
Arrange the tiles from left to right, starting at the top and ending at the bottom.
Arrange the tiles from right to left, starting at the top and ending at the bottom.
Arrange the tiles from left to right, starting at the bottom and ending at the top.
Arrange the tiles from right to left, starting at the bottom and ending at the top.
Sort tiles in a slice-and-dice tree map.
Add any type of widget (like a text widget) to improve the readability of individual tiles by providing brief descriptions on labels.
There are two types of tree map levels: flat level (single level) and hierarchical level (multiple levels).
Visualize a flat data collection in the Treemap widget.
Arrange tiles in the form of nested rectangles. Each tile is filled with smaller rectangles representing subdata. You can have more than one level to form a hierarchical tree map.
Categorize the tiles on the Treemap widget by customizing their color based on levels. It is possible to set the tile color for a specific value or for a range of values.
Apply a specific color to a tile based on its data. For example, apply colors to countries based on their membership in an organization.
Apply colors to tiles if their data falls within a specific range. For example, apply colors to countries based on their population density.
The legend provides information clearly about data plotted in a tree map.
Move the legend to any one of the four sides or to a custom position.
The default shape, size, and appearance of legend icons and text can be customized.
Render a legend as a bar and customize the positions of its labels as needed.
Use gradient colors as the legend bar background to show changes in regional data.
Place a pointer at the top of the legend, while hovering over tiles.
Highlight a tile to focus on a selected area. Use functionalities during this interaction, like page transitions and showing detailed information about a selected area.
Display additional information about a tile using a completely customizable tooltip.
The drill-down provides a large amount of data that can be visualized easily. The child item details are visualized while tapping the parent tile.
Add any type of custom widget, such as an image widget, as a tile background to enrich the UI and enhance data visualization.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
