CS2 Team Performance Dashboard

Project for ECS 272 Information Visualization

Requirements

1. node.js v14.18.0+ or v16.0.0+

Setup

1. Run npm install
2. To run local server, run npm run dev, then visit http://localhost:3000

Software Functionalities

Most of the interactions for our visualization should be detailed in our report. Here's a brief summary:

Overview Page

• At the bottom of the page, select metric to sort team bubbles in descending order
• Click a team bubble to pull up the team's team view
• Click another bubble to pull up a second team view

Team Views

• Click the red "x" in the top right corner to deselect the team
• Hover over stats to see what they mean
• Some marks display more details when hovered over
• Click player name to pull up player panel
• When two teams are selected, click "head to head" button to go into head-to-head view

Head-to-Head View

• In the scoreboards, click a statistic to order the players in descending order
• Similar hover interactions as the team view are supported