Radar Chart

Radar chart uses multiple axes to compare values across different variables from a central point.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add chart

Basic

View

Code

By Category

Sales performance by category (Jan - Jun 2024)

Custom Label

View

Code

Monthly Financial Overview

Revenue and expenses for Jan - Dec 2024

Dots

View

Code

Monthly Revenue Radar Chart

Displaying revenue trends for Jan - Dec 2024

Grid Circle

View

Code

Annual Profit Distribution

Profit trends displayed for Jan - Dec 2024

Grid Circle Filled

View

Code

Monthly Sales Overview

Displaying sales data for Jan - Dec 2024

Grid Circle No Lines

View

Code

Monthly Revenue Breakdown

Revenue data displayed for Jan - Dec 2024

Grid Custom

View

Code

Annual Sales vs Expenses

Comparing sales and expenses for Jan - Dec 2024

Grid Filled

View

Code

Annual Revenue Radar Chart

Revenue data for Jan - Dec 2024

Grid None

View

Code

Annual Revenue Growth

Revenue trends for Jan - Dec 2024

Legend

View

Code

Annual Sales vs Expenses

Comparing data for Jan - Dec 2024

Lines Only

View

Code

Annual Revenue vs Profit

Performance data for Jan - Dec 2024

Multiple

View

Code

Annual Sales and Profit Comparison

Performance data for Jan - Dec 2024

Radius Axis

View

Code

Annual Sales and Profit Analysis

Performance data for Jan - Dec 2024

Icons

View

Code

Annual Sales and Profit

Performance data for Jan - Dec 2024