\r \r

AI Data Visualizer\r

\r Generate interactive HTML dashboards from CSV/JSON data with one click.\r \r

Applicable Scenarios\r

\r

• User provides CSV/JSON files that need visualization\r
• User needs a data analysis dashboard\r
• User mentions "data visualization", "generate chart", "plot", "chart"\r
• User uploads tabular data wanting intuitive display\r \r

Quick Start\r

\r

python3 "{SKILL_DIR}/scripts/generate_dashboard.py" data.csv -o dashboard.html\r
python3 "{SKILL_DIR}/scripts/generate_dashboard.py" data.json --json -o dashboard.html --theme dark\r
```\r
\r
## Features\r
\r
- **Smart Chart Recommendation**: Automatically detects column types (numeric/time/categorical/text) and recommends optimal chart combinations\r
- **6 Chart Types**: Line charts (trends), bar charts (comparison), scatter plots (correlation), pie/donut charts (proportions)\r
- **Interactive HTML**: Chart.js rendering, hover tooltips, dark/light theme toggle, responsive layout\r
- **Statistical Summary**: Automatically calculates mean, median, min/max values\r
- **Data Table**: Embedded raw data preview (limit 500 rows)\r
\r
## Supported Chart Selections\r
\r
The script automatically selects chart strategies based on data column types. See `{SKILL_DIR}/references/chart-selection.md`.\r
\r
## CLI Options\r
\r
| Option | Description | Default |\r
|--------|-------------|---------|\r
| `input` | CSV or JSON file path | (required) |\r
| `-o, --output` | Output HTML path | `dashboard.html` |\r
| `--json` | Input is JSON format | auto-detect |\r
| `--stdin` | Read CSV from stdin | - |\r
| `--theme` | `light` or `dark` | `light` |\r
| `--title` | Dashboard title | `数据可视化仪表板` |\r
\r
## Workflow\r
\r
1. **Receive user data** — File path (CSV/JSON) or direct data content\r
2. **Preprocess data** — Clean and transform if necessary\r
3. **Generate dashboard** — Run script, output HTML\r
4. **Inform user** — Describe generated file and chart summary\r
\r
If the user provides data content directly (rather than a file), write it to a temporary CSV file first, then call the script.\r
\r
## Dependencies\r
\r
- Python 3.7+\r
- Chart.js 4.x (CDN loaded in HTML output)\r
- No pip dependencies (pure standard library)\r
\r
## Example\r
\r
Input `sales.csv`:\r
```\r
Month,Product,Revenue,Units\r
2024-01,A,15000,120\r
2024-02,A,18000,145\r
2024-01,B,12000,95\r
2024-02,B,14000,110\r
```\r
\r
Output: Automatically generates a dashboard with trend line charts, category comparison bar charts, and revenue proportion pie charts.