ui Architecture Docs
Home / File/ chart-demo.tsx — ui Source File

chart-demo.tsx — ui Source File

Architecture documentation for chart-demo.tsx, a tsx file in the ui codebase. 4 imports, 1 dependents.

File tsx DocumentationAtlas Changelog 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  8918ae30_e310_7a61_8f8f_0a71dbaeae5f["chart-demo.tsx"]
  4a7f0c2b_2709_d3b2_8625_8a79af86033f["chart-bar-mixed"]
  8918ae30_e310_7a61_8f8f_0a71dbaeae5f --> 4a7f0c2b_2709_d3b2_8625_8a79af86033f
  69fdaf3b_e698_0451_a390_951a3cec990d["chart-area-demo"]
  8918ae30_e310_7a61_8f8f_0a71dbaeae5f --> 69fdaf3b_e698_0451_a390_951a3cec990d
  71e5a2d8_d5e4_6ff2_346c_6c679ffed4bf["chart-bar-demo"]
  8918ae30_e310_7a61_8f8f_0a71dbaeae5f --> 71e5a2d8_d5e4_6ff2_346c_6c679ffed4bf
  d6c6fa1a_6c55_15d6_0bcb_8df22fa3b8c1["chart-line-demo"]
  8918ae30_e310_7a61_8f8f_0a71dbaeae5f --> d6c6fa1a_6c55_15d6_0bcb_8df22fa3b8c1
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 8918ae30_e310_7a61_8f8f_0a71dbaeae5f
  style 8918ae30_e310_7a61_8f8f_0a71dbaeae5f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { ChartBarMixed } from "@/registry/new-york-v4/charts/chart-bar-mixed"
import { ChartAreaDemo } from "@/app/(internal)/sink/components/chart-area-demo"
import { ChartBarDemo } from "@/app/(internal)/sink/components/chart-bar-demo"
import { ChartLineDemo } from "@/app/(internal)/sink/components/chart-line-demo"

export function ChartDemo() {
  return (
    <div className="grid w-full max-w-screen-2xl gap-4 *:data-[slot=card]:flex-1 @2xl:grid-cols-2 @6xl:grid-cols-3">
      <ChartAreaDemo />
      <ChartBarDemo />
      <ChartBarMixed />
      <div className="@6xl:hidden">
        <ChartLineDemo />
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • chart-area-demo
  • chart-bar-demo
  • chart-bar-mixed
  • chart-line-demo

Imported By

Source

Frequently Asked Questions

What does chart-demo.tsx do?
chart-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in chart-demo.tsx?
chart-demo.tsx defines 1 function(s): ChartDemo.
What does chart-demo.tsx depend on?
chart-demo.tsx imports 4 module(s): chart-area-demo, chart-bar-demo, chart-bar-mixed, chart-line-demo.
What files import chart-demo.tsx?
chart-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is chart-demo.tsx in the architecture?
chart-demo.tsx is located at apps/v4/app/(internal)/sink/components/chart-demo.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free