Sales & ATP Trend Explorer

Prototype dashboard (Tailwind + ApexCharts) • Data source: csvjson.json

Loading…

Search (Item name / code)

Category 1

Product Design

ATP Status

Criticality

Minimum yearly sale (qty):

Tip: keep this at 0 to see all SKUs; raise to focus on movers.

SKUs (filtered)

—

1Y Sales Qty (sum)

—

1Y Sales Value (sum)

—

ATP Qty (sum)

—

60D Forecast Bias

—

Avg(FCQty60 − SaleQty60)

Top Movers (1Y Sale Qty)

Top 12

ATP Status Mix

Distribution

ATP vs 60D Sales (coverage view)

Each dot = SKU

Selected SKU “Trend Speed”

Pick a row below

SKU Table (click a row to populate the trend chart)

Columns used from the dataset include ItemCode/ItemName, ATPQty/ATPValue, SaleQty60, NintyDaysSale, OneYearSaleQty and ATPStatus. (See the uploaded JSON fields.)

Item	Design	ATP	60D Sale	90D Sale	1Y Sale	FC 60D	Status

Note: This JSON looks like a consolidated inventory + sales snapshot (e.g., fields like SaleQty60, NintyDaysSale, OneYearSaleQty, ATPQty). fileciteturn1file4L1-L9

Prototype tip: host index.html and csvjson.json in the same folder on Hostinger. Then open index.html.