data-report

【Template: Data Visualization Report】 - Header: report title + time range + data source note. - KPI card grid: 3-5 of the most important metrics, each card showing the value + year-over-year change + a mini trend line. - Main chart area: at least 2 charts (bar / line / pie / scatter), using Chart.js or ECharts (via jsdelivr CDN), with data parsed from the user's input. - **Chart containers must have a fixed height**: wrap each `<canvas>` in a `<div style="position:relative;height:NNNpx">` (~40px for KPI mini charts, ~240–280px for main charts). When Chart.js uses `responsive:true, maintainAspectRatio:false` without an explicit height on the parent container, it falls into a ResizeObserver infinite loop and the chart grows without bound until the browser hangs. **Never** set a `height=` attribute directly on the canvas as layout — that is only an initial value. - Data table: an excerpt of the user's raw data, using `<table>` with modern styling (zebra stripe, hover, sticky header). - Insight block: 3-5 text insights, each starting with an emoji, like a product weekly report. - A collapsible "Methodology" section at the bottom. - Restrained, professional color scheme: 1 primary color + a neutral scale, with a palette for charts. - **Must parse the user's actual provided data** — never fabricate it.