AccidentFrequencyChart

A visualization component that displays accident frequency data over time using charts.

📋 Overview

Property	Value
File	src/components/AccidentFrequencyChart.tsx
Type	React Functional Component
Author	UIP Team
Version	1.0.0

🎯 Purpose

• Display accident frequency trends over time
• Visualize accident patterns by hour, day, or week
• Support filtering by zone or severity
• Interactive chart with tooltips and legends

🚀 Usage

import { AccidentFrequencyChart } from '@/components/AccidentFrequencyChart';

function MyComponent() {
  return (
    <AccidentFrequencyChart
      data={accidentData}
      timeRange="7d"
      groupBy="hour"
    />
  );
}

📦 Props

Prop	Type	Required	Default	Description
data	AccidentData[]	Yes	-	Accident data array
timeRange	'24h' | '7d' | '30d'	No	'7d'	Time range to display
groupBy	'hour' | 'day' | 'week'	No	'day'	Data grouping
height	number	No	300	Chart height in pixels

📖 Related Components

• AnalyticsDashboard - Parent dashboard
• PatternZones - Pattern visualization

---

See the complete components reference for all available components.