```md
<!-- Histogram.stories.mdx -->

import { Canvas, Meta, Story } from '@storybook/addon-docs';

import Histogram from './Histogram.vue';

<Meta title="Histogram" component={Histogram} />

export const Template = (args, { argTypes }) => ({
  components: { Histogram },
  props: Object.keys(argTypes),
  template: `<Histogram v-bind="$props" v-on="$props" />`,
});

<Canvas>
  <Story
    name="Default"
    args={{
      dataType: 'latency',
      showHistogramLabels: true,
      histogramAccentColor: '#1EA7FD',
      label: 'Latency distribution',
    }} >
    {Template.bind({})}
  </Story>
</Canvas>
```