/ECS272-PixelPulseFinalProject

Final Project for ECS272: Information Visualization

Primary LanguageJavaScript

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Pixel Pulse

This interactive dashboard offers a comprehensive and engaging overview of the gaming industry, blending nostalgic aesthetics with robust data visualization. It features a dynamic range of elements, from a playful Mario-themed opening slide to in-depth analyses of genre popularity and sales across different regions. Users can interact with various components like dropdown menus to filter data, making the experience both informative and enjoyable. The centerpiece is a Sankey diagram that intricately maps the relationships between publishers, platforms, and genres, highlighting the interconnected nature of the gaming market. The dashboard not only provides valuable insights into industry trends but also captivates with its creative design, ensuring a memorable user experience.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js v14.x.x or above
  • npm v6.x.x or above (comes bundled with Node.js)

Installation & Setup

  1. Clone the Repository

    git clone https://github.com/[your-username]/[your-repo-name].git
    cd [your-repo-name]
  2. Install Dependencies

    npm install
  3. Run the Application

    To run the development server:

    npm run dev

    Open http://localhost:3000 in your browser to see the app.

For best results, view the dashboard with 75% zoom.