import React from 'react';
import { motion } from 'motion/react';
import {
GridStripe,
Gridline,
GridlineSeries,
LinearXAxis,
LinearXAxisTickLabel,
LinearXAxisTickSeries,
LinearYAxis,
LinearYAxisTickSeries,
ScatterPlot,
ScatterPoint,
ScatterSeries
} from 'reaviz';
import {
largeSignalChartData,
medSignalChartData,
signalStageData,
singleDateData
} from 'reaviz-data-utils';
export default {
tags: ['snapshot'],
title: 'Blocks/Scatter Plot/Light/Small',
component: ScatterPlot
};
export const Minimal = () => {
return (
Incident Report
}
/>
}
xAxis={
}
tickSize={65}
/>
}
/>
}
series={
}
/>
}
gridlines={
} />
}
/>
);
};
export const Simple = () => {
return (
Incident Report
}
/>
}
xAxis={
}
tickSize={65}
/>
}
/>
}
series={
}
/>
}
gridlines={
} />
}
/>
);
};
export const Symbols = () => {
return (
Incident Report
}
/>
}
xAxis={
}
tickSize={65}
/>
}
/>
}
series={
(
)}
/>
}
/>
}
gridlines={
} />
}
/>
);
};
export const Categorical = () => {
return (
Incident Report
}
/>
}
xAxis={
}
tickSize={80}
/>
}
/>
}
series={
}
/>
}
gridlines={
}
stripe={
}
/>
}
/>
);
};
export const Bubble = () => {
return (
Incident Report
}
/>
}
xAxis={
}
tickSize={10}
/>
}
/>
}
series={
v.metadata.severity}
/>
}
/>
}
gridlines={
} />
}
/>
);
};