A web application built with Next.js that visualizes time-series data from CSV files. It allows users to view the data in bar and line charts, filter by date range, and toggle data normalization. The app also features color-coded indicators for data values based on yearly averages.
- Interactive Charts: View data in bar or line chart formats.
- Date Filtering: Filter data by a custom date range using a date picker.
- Data Normalization: Toggle between raw and normalized data.
- Color Indicators: Data values are color-coded (green or red) based on yearly averages.
- CSV Data Loading: Load and process time-series data from CSV files.
- Next.js: React framework for building server-side rendered (SSR) web applications.
- Tailwind CSS: Utility-first CSS framework for styling.
- Chart.js: Library for creating dynamic, animated charts.
- Shadcn/UI: Component library for building reusable UI elements.
- React: Front-end JavaScript library for building user interfaces.
- TypeScript: Superset of JavaScript that adds static types for better tooling and debugging.
-
Clone the repository:
git clone cd data-viz-app -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to http://localhost:3000