storybook/docs/snippets/react/histogram-story.ts-4-9.mdx

```ts
// Histogram.stories.ts|tsx

import type { Meta, StoryObj } from '@storybook/react';

import { Histogram } from './Histogram';

const meta = {
  component: Histogram,
} satisfies Meta<typeof Histogram>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {
  args: {
    dataType: 'latency',
    showHistogramLabels: true,
    histogramAccentColor: '#1EA7FD',
    label: 'Latency distribution',
  },
};
```