// DEV_TOOLS

Chart Component Showcase

DatChartWrapper in all states. Toggle below to preview loading, error, empty, and success states.

// SIZE_VARIANT

sm — h-[350px]

TICKER: BTC

$97,432.50

CHART_RENDER_AREA

HOLDINGS

152,333

CHART_RENDER_AREA

// SIZE_VARIANT

lg — h-[500px]

AGGREGATE_HOLDINGS_INDEX

2,654,891

CHART_RENDER_AREA

HOLDINGS_BY_COUNTRY

1,234,567

CHART_RENDER_AREA

// SLOT_VARIANT

Custom header-value slot

MARKET_CAP_VS_NAV: BTC

2.45x

CHART_RENDER_AREA

NET ASSET VALUE: BTC

$4.2B

CHART_RENDER_AREA

// PIXEL_SHIFT_TEST

Pixel Shift Verification

Toggle states above. All wrappers should maintain exact same height — no layout shift.

CHART_A

100

CHART_B

200

CHART_C

300

CHART_D

400