import React from 'react'; import { Count, FunnelArc, FunnelAxis, FunnelAxisLabel, FunnelAxisLine, FunnelChart, FunnelSeries, TooltipArea } from 'reaviz'; import { motion } from 'motion/react'; import { largeFunnelData, simpleFunnelData } from 'reaviz-data-utils'; export default { tags: ['snapshot'], title: 'Blocks/Funnel Chart/Light/Large', component: FunnelChart }; export const LargeDataset = () => { return (

Incident Report

} glow={{ blur: 30, color: '#B7000690' }} /> } axis={ } /> } /> } />
Critical Incidents
12%
Compared to 293 last week
Total Incidents
4%
Compared to 1.06k last week
Mean Time to Respond
6 Hours
12%
Incident Response Time
4 Hours
12%
Incident Escalation Rate
10%
4%
); }; export const Simple = () => { return (

Incident Report

} axis={ } line={} /> } /> } />
Critical Incidents
12%
Compared to 293 last week
Total Incidents
4%
Compared to 1.06k last week
Mean Time to Respond
6 Hours
12%
Incident Response Time
4 Hours
12%
Incident Escalation Rate
10%
4%
); }; export const Layered = () => { return (

Incident Report

} axis={ } line={} /> } /> } />
Critical Incidents
12%
Compared to 293 last week
Total Incidents
4%
Compared to 1.06k last week
Mean Time to Respond
6 Hours
12%
Incident Response Time
4 Hours
Incident Escalation Rate
10%
4%
); }; export const Interpolation = () => { return (

Incident Report

} glow={{ blur: 30, color: '#40D3F475' }} /> } axis={ } line={} /> } /> } />
Critical Incidents
12%
Compared to 293 last week
Total Incidents
4%
Compared to 1.06k last week
Mean Time to Respond
6 Hours
12%
Incident Response Time
4 Hours
12%
Incident Escalation Rate
10%
4%
); };