Skip to content

A information visualization using a Pokemon dataset. Visualized using D3.js

Notifications You must be signed in to change notification settings

parker-siroishka/Pokemon-Data-Dashboard

Repository files navigation

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

About

A information visualization using a Pokemon dataset. Visualized using D3.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published