openreplay/frontend/app/components/shared/Insights/ScatterChart/ScatterChart.stories.tsx
2022-12-23 11:24:35 +01:00

23 lines
607 B
TypeScript

import { storiesOf } from '@storybook/react';
import ScatterChart from './ScatterChart';
const data01 = [
{ x: 100, y: 200, z: 200 },
{ x: 120, y: 100, z: 260 },
{ x: 170, y: 300, z: 400 },
{ x: 140, y: 250, z: 280 },
{ x: 150, y: 400, z: 500 },
{ x: 110, y: 280, z: 200 },
];
const data02 = [
{ x: 200, y: 260, z: 240 },
{ x: 240, y: 290, z: 220 },
{ x: 190, y: 290, z: 250 },
{ x: 198, y: 250, z: 210 },
{ x: 180, y: 280, z: 260 },
{ x: 210, y: 220, z: 230 },
];
storiesOf('ScatterChart', module).add('Pure', () => (
<ScatterChart dataFirst={data01} dataSecond={data02} />
));