Charts

Distribution

Counts caller-provided numeric observations in equal-width bins across an explicit domain.

idle

Usage

import { Distribution } from "@mizen-labs/ui";

Guidance	Practice
Do	Set an explicit domain and a useful bin count. Describe the observations and show interval meaning.

Guidance	Boundary
Scope	The component counts supplied observations. Sampling, weighting, and statistical interpretation belong to the application.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`values`	`readonly number[]`	`Required`	Provides finite observations inside the explicit domain.
`domain`	`readonly [number, number]`	`Required`	Sets increasing inclusive bounds; values outside the domain are rejected.
`binCount`	`number`	`8`	Sets the number of equal-width bins.
`aria-label / seriesLabel`	`string`	`Required`	Names the chart and its observation-count series.
`locale / tone`	`string / ChartSeriesTone`	`"en-US" / "series1"`	Sets number formatting and the semantic chart color.
`formatValue / formatAxisValue`	`(value: number) => string`	`Locale number formatting`	Formats tooltip intervals; axis labels use formatAxisValue when supplied, then formatValue, then locale defaults.

Charts

Counts caller-provided numeric observations in equal-width bins across an explicit domain.

idle

import { Distribution } from "@mizen-labs/ui";

Guidance	Practice
Do	Set an explicit domain and a useful bin count. Describe the observations and show interval meaning.

Guidance	Boundary
Scope	The component counts supplied observations. Sampling, weighting, and statistical interpretation belong to the application.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`values`	`readonly number[]`	`Required`	Provides finite observations inside the explicit domain.
`domain`	`readonly [number, number]`	`Required`	Sets increasing inclusive bounds; values outside the domain are rejected.
`binCount`	`number`	`8`	Sets the number of equal-width bins.
`aria-label / seriesLabel`	`string`	`Required`	Names the chart and its observation-count series.
`locale / tone`	`string / ChartSeriesTone`	`"en-US" / "series1"`	Sets number formatting and the semantic chart color.
`formatValue / formatAxisValue`	`(value: number) => string`	`Locale number formatting`	Formats tooltip intervals; axis labels use formatAxisValue when supplied, then formatValue, then locale defaults.