Charts / Histogram

Histogram

Distributes numeric data into automatic bins and renders the frequency of each.

Distribution

Palette

Data shape

Pass this structure to the :data prop.

data shape

// Flat numeric array — bins are computed automatically
[120, 340, 85, 210, 460, 175, 290, 380]

// Or keyed
[['value' => 120], ['value' => 340]]

blade

<x-tayo::chart
    type="histogram"
    :data="$data"
    :height="420"
    colors="default"
/>