Skip to main content
SimilarExport ZIP
100%

Pokemon GO Week 2

✓ Published1🌍 Public
Aabell@wpi.edu
Last edited Oct 31, 2024
Created on Oct 29, 2024
Forked from Pokemon GO

A radar chart displays the base stats of a selected Pokemon, with concentric circles and a polygon connecting values for max CP, attack, defense, and stamina. The visualization uses D3.js selections to append SVG circles, polygons, and text labels, scaling values via linear interpolation against the dataset’s minimum and maximum stats. The code processes a Pokemon GO dataset from Kaggle, loading CSV data into numeric fields and rendering a static view of Bulbasaur.

AI-generated description

Data Visualization Project

Week 2 Progress

This week I managed to complete Week 1's tasks. Now the Selected Pokemon (default is Bulbasaur) will display the appropriate radar chart. Also, I removed 3 pokemon from the pokemon.csv since they had invalid data for their stats in these categories. These pokemon were ID = 679, 680, & 681. Currently, the page does not refresh properly when changing values in the viz, causing it to redraw over the old viz. This means that the whole page must be refreshed in order to see proper changes. I'm not currently sure what causes this, but I will investigate soon.

Week 1 Progress

Unfortunately, due to a slew of other projects and problems, I didn't really have time to work much on this step. I will continue to work as I am freed up.

Data

The data I propose to visualize for my project is a Pokemon GO dataset that can be found at https://www.kaggle.com/datasets/shreyasur965/pokemon-go?resource=download

Questions & Tasks

The following tasks and questions will drive the visualization and interaction decisions for this project:

  • I want to see how many pokemon have special methods of finding them (i.e. found_egg, found_research etc.)
  • I want to see how different pokemon's max strength (max_cp) correlates to other fields (base_capture_rate, etc.)
  • I want to see how different pokemon's move sets vary across different stages of evolution.

Sketches

DataVizProposalSketch

In this rough diagram of the dataset, I show different stats of a particular pokemon as a radar chart, a level curve which will display a pokemon's max strength at every level, and a few symbols which will display which pokemon can be captured by different methods. The different methods of obtaining come from eggs, evolution, wild captures, research breakthroughs, and raid battles. In this diagram I also leave space for different moves the pokemon can learn, as well as it's weaknesses and resistances.

Open Questions

My biggest worry is actually the dropdown/search for a particular pokemon. I intend for it to populate with pokmemon's names from the dataset, but I'm not confident about putting it all into a dropdown menu. In addition, the symbols I plan on using for the ways to obtain might not be as clear as I hoped, so I plan on iterating them over time to make sure that the symbol's meaning is clear. Lastly, the level curve is going to originate from a formula based on the stats of the pokemon, so I have to make sure that the formula is accurate to the game information.

Milestones

Week 1: Implement radar chart, ways to obtain, fast attack list, and charged attack list.

Week 2: Implement weaknesses & resistances lists

Week 3: Implement level curve

Week 4: Implement Dropdown to search different pokemon

Week 5: Catchup on any incomplete tasks, implement any last minute ideas.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pokemon GO Week 3

A dropdown menu populated with all Pokémon names from a Pokémon GO dataset selects an individual creature, whose base stats are displayed as a radar chart overlaid with labeled values for Max CP, Base Attack, Base Defense, and Base Stamina. The chart draws concentric circles and a translucent polygon using D3 selections, updating in place when the selection changes. Data is loaded from a CSV file and numerical fields are parsed before rendering.

Aabell@wpi.edu
87% match
Loading thumbnail…

Pokemon GO Week 4

This interactive visualization explores Pokémon GO data, displaying a selected Pokémon's stats, type matchups, movepools, and a CP level curve. It uses d3 to render a radar chart, tables, and an SVG plot. The level curve, scaled using the CPLevelScaling.csv data, highlights a notable change at level 30. Users select a Pokémon from a dropdown menu, updating the visuals to show its weaknesses, resistances, and other attributes.

Aabell@wpi.edu
85% match
Loading thumbnail…

Pokemon GO Week 6

This interactive dashboard explores Pokémon Go’s base stats, CP scaling, and type matchups. A radar chart compares a Pokémon’s attack, defense, and stamina to the dataset maximums, while a line chart uses the CPLevelScaling.csv multiplier to show CP progression up to level 51. A table displays type effectiveness multipliers and learnable moves. The interface uses d3-selection and d3-scale to update charts when selecting a Pokémon from a dropdown or entering a name or ID.

Aabell@wpi.edu
84% match
Loading thumbnail…

Pokemon GO

This visualization explores a Pokémon GO dataset, showing how a selected Pokémon's stats like base attack, defense, and stamina vary, along with its available moves. It uses a radar chart to display these stats, and includes a dropdown menu for selecting different Pokémon to update the display. The code parses CSV data using standard JavaScript and renders the structured information, such as charged and fast moves, directly into the container.

Aabell@wpi.edu
83% match
Loading thumbnail…

Pokemon GO Week 5

This visualization explores Pokémon stats and type matchups, with a dropdown menu to select a Pokémon and display its radar chart of base stats, movepools, and type weaknesses/resistances. It includes a level curve showing CP multiplier scaling from the CSV data, with annotations at key levels. The code uses D3.js (select) and custom functions to parse CSV data with regex-based tokenizers, building an 18x18 type matchup matrix and calculating effectiveness from the Pokémon's type combination.

Aabell@wpi.edu
82% match
Loading thumbnail…

Pokemon GO Final Viz

This interactive visualization explores a Pokémon dataset from Kaggle, displaying a selected Pokémon's base stats, type effectiveness, and movepool alongside a level-scaling CP curve. The interface uses D3.js to render a radar chart comparing stats to maximum values, a line graph for CP growth, and a matchup table, with dropdowns and an input box to select different Pokémon. The CP curve can be toggled to show absolute values, though labeling is limited in that mode.

Aabell@wpi.edu
82% match
Loading thumbnail…

Pokemon_visualization

This radar chart visualizes the base stats of the Pokémon Bulbasaur across six attributes—HP, Attack, Defense, Sp. Atk, Sp. Def, and Speed—with values scaled from 0 to 100. The chart renders a pentagonal grid with five levels, using an SVG polygon to represent the stat profile. Built with D3 v4, the visualization relies on the `RadarChart.draw` function to generate axes, circular segments, and the filled area, while mouseover transitions highlight the polygon. The dataset originates from a Kaggle Pokémon stats CSV file.

TTaraZhu
82% match
Loading thumbnail…

Week 4: Pokemon Simple Scatter Plot

This scatter plot maps Pokémon Attack and Speed stats from the Kaggle Base Stats Dataset as circles, with click interactions revealing each creature’s name via alert. Built with d3 scaleLinear, axisLeft, extent, xAxis, and yAxis, it renders axes, labels, and a gray inner rectangle. The viz.js component handles data binding and scales, while index.js configures dimensions and margins. Circle radius and opacity are derived from the plot width and a fixed ratio.

JJacob Chlebowski
77% match