[V0_FILE]typescriptreact:file="dashboard.tsx" isFixed="true" isEdit="true" "use client" import React from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from "@/components/ui/card" import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" import { LineChart, Line, XAxis, YAxis, BarChart, Bar, PieChart, Pie, Cell, ResponsiveContainer } from "recharts" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" const incidentData = [ { date: "2023-01", incidents: 120 }, { date: "2023-02", incidents: 150 }, { date: "2023-03", incidents: 180 }, { date: "2023-04", incidents: 140 }, { date: "2023-05", incidents: 160 }, { date: "2023-06", incidents: 190 }, ] const categoryData = [ { category: "Network", count: 80 }, { category: "Software", count: 65 }, { category: "Hardware", count: 50 }, { category: "Security", count: 40 }, { category: "User Access", count: 35 }, ] const priorityData = [ { name: "High", value: 30 }, { name: "Medium", value: 50 }, { name: "Low", value: 20 }, ] const COLORS = ["hsl(var(--chart-1))", "hsl(var(--chart-2))", "hsl(var(--chart-3))"] export default function ServiceNowDashboard() { const [activeCard, setActiveCard] = React.useState(0) const cards = [ { title: "Incidents Over Time", description: "Monthly trend of incident volume", chart: ( } /> ), question: "Now that we see the trend, what categories are most impacted?", }, { title: "Top 5 Incident Categories", description: "Distribution of incidents by category", chart: ( } /> ), question: "Given these categories, how are incidents prioritized?", }, { title: "Incident Priority Distribution", description: "Breakdown of incidents by priority", chart: ( {priorityData.map((entry, index) => ( ))} } /> ), question: "Based on all this data, what insights can we draw?", }, ] return (

ServiceNow Incident Analytics Dashboard

{cards.map((card, index) => ( activeCard ? "opacity-50" : ""}> {card.title} {card.description} {card.chart} {index < cards.length - 1 && (

{card.question}

)} ))} Key Insight

Based on the data presented in the charts, we can observe that the number of incidents has been steadily increasing over the past six months, with a peak in June. Network-related issues are the most common category of incidents, followed by software problems. Additionally, the majority of incidents are classified as medium priority, suggesting that while there are significant issues to address, critical high-priority incidents are being managed effectively. This insight can help in resource allocation and prioritizing areas for improvement in the IT service management process.

) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This