Histogram.story.js

import { storiesOf } from '@kadira/storybook';
import Histogram from './Histogram';

const latencies = [];
for (var i = 20; i <= 120; i += 20) {
  latencies.push(i);
}

storiesOf('Histogram')
  .add('Typical', () => <Histogram data={latencies.map(latency => ({
    latency,
    count: 5000 + Math.random() * 15000,
  }))} />)
  .add('Low data', () => <Histogram data={latencies.map(latency => ({
    latency,
    count: latency === 110 ? 5000 + Math.random() * 15000 : Math.random() * 1000,
  }))} />)
  .add('No data', () => <Histogram data={latencies.map(latency => ({latency, count: 0}))} />)
  .add('Loading', () => <Histogram loading={true} />);