Pro Components

Base Components

Charts 4

Range area chart with a min/max band and an average line overlay.

Example

Response Time Range
Min, max, and average response times

Introduction

Charts 4 is a range area chart:
  • Band: Shaded area between min and max over time.
  • Average: Dashed line for the average (or central tendency).
  • Tooltips: Min, max, and average on hover.
Good for ranges (e.g. response times, temperature, price spread). Uses Chart and Recharts.

Usage

import { ChartCard14 } from "@/components/ui/chart-card-14";

<ChartCard14 />;
Replace the sample data with your time series (min, max, avg).

On this page