Line Chart

Line chart connects data points with straight lines to display trends over time or categories.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add chart

Basic

View

Code

Monthly Revenue Overview

Jan - Dec 2024

Dots

View

Code

Monthly Revenue and Profit

Jan - Dec 2024

Dots Color

View

Code

Departmental Expenses Overview

Jan - Jun 2024

Custom Dots

View

Code

Monthly Sales & Profit

Visualizing Monthly Sales & Profit for Jan - Dec 2024

Label

View

Code

Annual Revenue & Expenses Overview

Jan - Dec 2024

Custom Label

View

Code

Platform User Growth

Jan - Dec 2024

Linear

View

Code

Annual Revenue Overview

Jan - Dec 2024

Multiple

View

Code

Revenue and Expenses Trend

Monthly trends for revenue and expenses over the last 24 months

Step

View

Code

Monthly Sales Overview

Jan - Dec 2024

Controlled

View

Code

Revenue vs Expenses

Tracking daily revenue and expenses over the last 3 months