Pie Chart

Pie chart divides a circle into slices to represent proportions of a whole.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add chart

Basic

View

Code

Departmental Budget Allocation

Jan - Jun 2024

Donut

View

Code

Sales Allocation by Category

Jan - Jun 2024

Donut Active

View

Code

Sales Allocation by Category

Jan - Jun 2024

Donut with Text

View

Code

Sales Allocation by Category

Jan - Jun 2024

Custom Label

View

Code

Departmental Budget Allocation

Jan - Jun 2024

Controlled

View

Code

january

The total sales for the month is 3,186

Label

View

Code

Sales Allocation by Category

Jan - Jun 2024

Label List

View

Code

EV Market Share by Manufacturer

Jan - Jun 2024

Legend

View

Code

EV Market

Showing total visitors for the first half of 2024 by region

None Separator

View

Code

Market Share

January - June 2024

Stacked

View

Code

Sales Distribution by Region

January - June 2024