[V0_FILE]typescriptreact:file="components/chart-radar-icons.tsx" source="https://ui.shadcn.com/charts" "use client" import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react" import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "@/components/ui/chart" const chartData = [ { month: "January", desktop: 186, mobile: 80 }, { month: "February", desktop: 305, mobile: 200 }, { month: "March", desktop: 237, mobile: 120 }, { month: "April", desktop: 73, mobile: 190 }, { month: "May", desktop: 209, mobile: 130 }, { month: "June", desktop: 214, mobile: 140 }, ] const chartConfig = { desktop: { label: "Desktop", color: "hsl(var(--chart-1))", icon: ArrowDownFromLine, }, mobile: { label: "Mobile", color: "hsl(var(--chart-2))", icon: ArrowUpFromLine, }, } satisfies ChartConfig export function Component() { return ( Radar Chart - Icons Showing total visitors for the last 6 months } /> } />

Trending up by 5.2% this month

January - June 2024

) }

About

Tags

Share

More from aryamank

More Templates Like This

About

Tags

Share

About

Tags

Share

More from aryamank

More Templates Like This