stats.tsx — ui Source File

Architecture documentation for stats.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx Internationalization RTLLayout 4 imports 1 functions

Entity Profile

Internationalization→ RTLLayout→ stats.tsx — ui Source File

Dependency Diagram

graph LR
  44ca9ac0_506e_b5b4_4757_c060fe9c3c80["stats.tsx"]
  da384753_eb23_55ed_e7a6_3bd0e172b999["recharts"]
  44ca9ac0_506e_b5b4_4757_c060fe9c3c80 --> da384753_eb23_55ed_e7a6_3bd0e172b999
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  44ca9ac0_506e_b5b4_4757_c060fe9c3c80 --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  44ca9ac0_506e_b5b4_4757_c060fe9c3c80 --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  e0019705_b483_6a97_6d0d_de5680236add["chart"]
  44ca9ac0_506e_b5b4_4757_c060fe9c3c80 --> e0019705_b483_6a97_6d0d_de5680236add
  style 44ca9ac0_506e_b5b4_4757_c060fe9c3c80 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { Area, AreaChart, Line, LineChart } from "recharts"

import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/registry/new-york-v4/ui/card"
import {
  ChartContainer,
  type ChartConfig,
} from "@/registry/new-york-v4/ui/chart"

const data = [
  {
    revenue: 10400,
    subscription: 40,
  },
  {
    revenue: 14405,
    subscription: 90,
  },
  {
    revenue: 9400,
    subscription: 200,
  },
  {
    revenue: 8200,
    subscription: 278,
  },
  {
    revenue: 7000,
    subscription: 89,
  },
  {
    revenue: 9600,
    subscription: 239,
  },
  {
    revenue: 11244,
    subscription: 78,
  },
  {
    revenue: 26475,
    subscription: 89,
  },
]

const chartConfig = {
  revenue: {
    label: "Revenue",
    color: "var(--primary)",
  },
  subscription: {
    label: "Subscriptions",
// ... (73 more lines)