data-visualization

To build an interactive data visualization dashboard from CSV files, this skill uses a React-Vite workflow with papaparse and react-csv to handle parsing and integration. It generates a complete application with interactive filtering and professional chart rendering without manual boilerplate.

Connecting a React dashboard to real-time APIs is achieved through a contract-first OpenAPI workflow that standardizes data fetching. This approach automatically generates the necessary frontend rendering and data integration logic to display real-time metrics.

Yes, you can create a dataset explorer with interactive filtering using the included @tanstack/react-table dependency. It provides automated app scaffolding to rapidly generate analysis reports and explorers that handle real-time metrics.

The generated dashboard supports connecting to databases and external integrations seamlessly. It handles data integration from databases, APIs, and CSV files using a standardized, contract-first workflow to feed real-time metrics into your charts.

Adding professional-grade charts to a React data app is handled by the skill's internal React-Vite architecture and d3-scale-chromatic dependency. It satisfies requirements for professional chart rendering and interactive data visualization out of the box.

Using a contract-first OpenAPI workflow for data visualization requires strict adherence to the generated API schema for all data fetching. While it eliminates manual boilerplate for databases and CSVs, any data source must conform to this contract to render correctly.