/

Histogram

Show frequency distribution of continuous data. Automatically bins data into ranges and displays as bars.

Usage

example.tsx
import { HistogramChart } from "@chartts/react"

<HistogramChart
  data={measurements}
  value="temperature"
  bins={20}
  cumulative
/>

Props

PropTypeDescription
datanumber[] | T[]Raw values or objects
valuekeyof TKey for values (if object array)
binsnumberNumber of bins. Default: auto
colorstringBar color. Default: '#06b6d4'
cumulativebooleanShow cumulative line. Default: false

Features

  • Automatic bin calculation
  • Manual bin count override
  • Cumulative distribution overlay
  • Density curve option
  • Custom bin boundaries
  • Animated bar entry

Other Charts