Analytics Dashboard

Sample analytics dashboard with various chart types and visualizations

Monthly Call Volume

Average Call Duration

Call Outcomes

Revenue & Expenses

Chart Components Documentation

BarChart

<BarChart 
  data={data} 
  dataKeys={["key1", "key2"]} 
  xAxisDataKey="category" 
  showGrid={true}
  showLegend={true}
  showTooltip={true}
  barSize={20}
  layout="horizontal"
  height={300}
  animationVariant="fade-up"
  animationDelay={0}
/>

LineChart

<LineChart 
  data={data} 
  dataKeys={["key1", "key2"]} 
  xAxisDataKey="category" 
  showGrid={true}
  showLegend={true}
  showTooltip={true}
  strokeWidth={2}
  curved={true}
  height={300}
  animationVariant="fade-up"
  animationDelay={0}
/>

AreaChart

<AreaChart 
  data={data} 
  dataKeys={["key1", "key2"]} 
  xAxisDataKey="category" 
  showGrid={true}
  showLegend={true}
  showTooltip={true}
  strokeWidth={2}
  curved={true}
  stacked={false}
  height={300}
  animationVariant="fade-up"
  animationDelay={0}
/>

PieChart

<PieChart 
  data={data} 
  nameKey="name" 
  dataKey="value" 
  showLegend={true}
  showTooltip={true}
  innerRadius={0}
  outerRadius={80}
  paddingAngle={0}
  labelLine={true}
  height={300}
  animationVariant="zoom-in"
  animationDelay={0}
/>