Skip to content

Latest commit

 

History

History
25 lines (17 loc) · 1.39 KB

README.md

File metadata and controls

25 lines (17 loc) · 1.39 KB

Pokémon: The "Extended" Pokédex

Term group project for CPSC 583: Information Visualization.

As a group we were tasked with finding an interesting dataset to work with and visualize effectively. We decided on using a dataset on Pokémon found on Kaggle. This dataset would be used to create an interactive dashboard that conveyed some decided upon information.

We used the D3.js library to create our visualizations. The goal of the dashboard was to have a centralized location where knowledgable players of the game can go to search out and compare two different Pokémon and their attributes.

Dashboard - Primary Type

Initially the gravitational forces of the individual nodes will be oriented to their primary type.

Dashboard - Secondary Type

Upon changing the filter to secondary type, the gravitational forces will change as well, moving the nodes across the screen to their new location

Select Pokemon - Compare Stats

How to run

Either:

  • Setup a local HTTP server OR
  • Download and run Webstorm and open the orientedCircles.html file internally