Bar Chart
A bar chart provides a way of sDemoing data values represented as component bars. It is sometimes used to sDemo trend data, and the component of multiple data sets side by side.
Installation
CLI
Manual
npx hq-kit add chart
Basic
Preview
Code
Biweekly Revenue
Revenue breakdown every 2 weeks (Jan - Dec 2024)
Horizontal
Preview
Code
Data Center Uptime
Uptime percentage by region for Q1 2024
Label
Preview
Code
Customer Satisfaction Survey
Satisfaction scores by category
Inset Label
Preview
Code
Traffic by Country
Since Aug 17, 2014
Custom Label
Preview
Code
Team Project Status
Completed vs Ongoing Projects by Team
Mixed
Preview
Code
Browser Metrics
Grouped data for visitors, bounce rate, and average session duration
Negative
Preview
Code
Monthly Profit and Loss
January - December 2024
Multiple
Preview
Code
Sales vs Expenses
The chart shows the sales and expenses for the last year.
Stacked Legend
Preview
Code
Biweekly Revenue
Revenue breakdown every 2 weeks (Jan - Dec 2024)
Active
Preview
Code
Operating System Usage
User distribution by OS in 2024
Controlled
Preview
Code
Business Overview
Displaying total sales and revenue for the last 50 days