---
name: Histogram
route: /histogram
menu: ⚛️ Atoms
---

import { Playground } from 'docz'
import { Histogram } from '../src'

## Histogram

<Playground>
  <Histogram
    data={[
      {
        percent: 'salut A',
        label: 'Page A',
        value: 2400,
      },
      {
        percent: 'salut B',
        label: 'Page B',
        value: 1398,
      },
      {
        percent: 'salut C',
        label: 'Page C',
        value: 8,
      },
      {
        percent: 'salut D',
        label: 'Page D',
        value: 3908,
      },
      {
        percent: 'salut C',
        label: 'Page C',
        value: 8,
      },
    ]}
  />
</Playground>