
Essential UI Kit
for Blazor
Data Visualization
Accumulation Chart

Accumulation Chart
Accumulation charts, such as pie and doughnut charts, visualize parts of a whole. Each segment represents a proportion of the total, making these charts effective for illustrating percentage distributions and comparative contributions within a dataset.
Expense Analysis Doughnut Chart
Get Figma
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.
Get Figma
- Preview
- Code
Code copied!
Segment Analysis with Doughnut Chart
Get Figma
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.
Get Figma
- Preview
- Code
Code copied!
Circular and Data Overview Chart
Get Figma
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.
Get Figma
- Preview
- Code
Code copied!