The Flutter Treemap is a data visualization widget for creating an interactive treemap 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, color mapping, and much more.
Use different layouts based on algorithms–such as 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.
Add any type of widget (like a text widget) to improve the readability of individual tiles by providing brief descriptions on labels.
The levels to visualize data of the Treemap widget can be categorized into two types: 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 sub-data. You can have more than one level to form a hierarchical treemap.
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 the treemap.
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.
Highlight a tile to focus on a selected area. Use functionalities during this interaction, like page transitions, showing detailed information about a selected area, and more.
Display additional information about a tile using a completely customizable tooltip for the Treemap widget.
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.