Distribution Chart

In this demo, a doughnut chart illustrates a weeks expense distribution across different categories. The central figure is the total expenses and percentage change. An action button on the top-right allows access to more detailed data analysis. The legend on the right clearly identifies each expense category by color for quick reference and understanding.

In this demo, the doughnut chart presents a spending analysis broken down by categories. A group button above the chart allows time frame filtering, while the legend on the right links each color segment to its respective category. An action button enables the execution of an integrated function.

In this demo, a circular chart provides a stock performance overview with a group button for filtering. Detailed insights appear on the right, along with an action button for execution.

In this demo, a pie chart displays the market share of major browsers. A dropdown filter for the year and a refresh button are available at the top. Smart labels are positioned around the chart for ease of reference.