An Adventure with Pokemon

Team Members: Xinyu (Olivia) Kang, Sijia (Nancy) Li, Xiaoyuan (Sophy) Huang

• URL to website: https://lisijia6.github.io/An-Adventure-with-Pokemon
• URL to video: https://www.youtube.com/watch?v=fFPmXJmwEXs

Project Description

Pokemon is a popular Japanese animation franchise created in 1996. It was first developed as a video game and soon adapted into various forms of media, including anime television and film series. The animation attracts people from all over the world, which also further extends to video games and other side-line products. Because of the fact that the popularity of this animation never fades out, there has been massive relevant information and data available for the audience to digest. For example, each Pokemon character itself contains plenty of strength-based statistics, including the time, body dimension, etc. Side-line products of this animation come along with much data of quantitative outcomes such as box office revenues. In addition, there appears to be no publicly available visualization that summarizes all the information very comprehensively. Therefore, given these facts, our project aims to organize different and unstructured resources into visually appealing pages that provide the Pokemon audience with a central hub of aggregating and exploring Pokemon related information.

Project Structure

• /root: contains all files required for implementation
  • js/: contains all javascript related files
    • libraries/: downloaded library JavaScript files, such as page scrolling effect, D3, etc.
    • main.js: main script for calling data and visualization classes
    • scrollEffects.js: script for controlling page scrolling effect
    • pokemonClustersVis.js: Pokemon cluster visualization
    • pokemonDetailsVis.js: Pokemon combat details visualization
    • pokemonComparisonVis.js: Pokemon comparison bar charts visualization
    • boxOfficeVis.js: movie box office trend visualization
    • videoGame.js: video game sales trend visualization
    • pokemonGoMapVis.js: Pokemon Go game world map visualization
  • data/: contains all data files used in creating visualizations
  • img/: contains images for Pokemon characters, movies, etc.
  • fonts/: contains fonts used in our website
  • css/: contains styling sheets used for visualizations
  • audio/: contains audio files used in our website
  • index.html: main html file for our website

How to Use

1. Clone our repository to your local machine by running git clone https://github.com/lisijia6/An-Adventure-with-Pokemon.git in your terminal.

2. Run index.html to view the website.