Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data Visualization Project Week 9

Public visualization

Viewing a saved revision (read-only)

4f0cd1e5f2ad4f1b9efc85e7b1dbccfe

Data Visualization Project Week 9

0 stars1🌍 Public
JJacob Chlebowski
Last edited Oct 24, 2024
Created on Oct 4, 2024

This scatterplot visualizes Pokémon base stats, plotting Speed on the x-axis against an offensive/defensive balance (Attack minus Defense) on the y-axis. Circle size encodes HP, while color indicates Pokémon type, and overlapping circles are made more transparent. The visualization uses D3 scales, axes, and selections to render the chart, with data from a Pokémon Base Stats CSV. The code employs `d3.scaleLinear`, `axisBottom`, `axisLeft`, and `selection.join` to manage dynamic circle elements.

AI-generated description

Data Visualization Project

Data

The data I propose to visualize for my project is a Pokémon Base Stats Dataset, which consists of most (if not all) Pokémon. Each Pokémon has an associated list of attributes, which includes a:

  • Name
  • Type
  • Species
  • Height
  • Weight
  • Abilities
  • Catch Rate
  • Base Friendship
  • Base Exp.
  • Growth Rate
  • Gender
  • HP (Hit Points)
  • Attack
  • Defense
  • Sp. Atk
  • Sp. Def
  • Speed

The reason I really like this dataset is because of the number of features for each Pokémon, and gives me a creative outlet for visualizing this data in a unique way. Who is this for? What will it enable them to do? Well, this visualization can be for gamers and game developers/designers alike. The data can help gamers pick out a good lineup, depending on what kind of Pokémon they prefer. On the other hand, game developers may want to study the balance in character design. After all, it's rare for a Pokémon to have all of the best abilities. My project in particular will primarily facilitate the visualization of speed and attack vectors, while also including Pokémon type and HP attributes as well. So far, I have come to the conclusion to present this data in a scatterplot, though I have gone through some other iterations such as a bubble chart and a radar chart.

Questions & Tasks

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

  • How does the Pokémon's speed correlate with its offensive stats?
  • Is there a correlation between a Pokémon's HP and Speed?
  • What can the Pokémon type tell us about the Speed of that type compared to all other Pokémon (if anything)?
  • What can the Pokémon type tell us about the HP of that type compared to all other Pokémon (if anything)?
  • What can each quadrant of the scatterplot tell us about all Pokémon? Are they evenly distributed? Are there any outliers?

The ultimate aim of these questions is to unravel any answers as to how the Pokémon are distributed so that gamers and game developers alike can benefit from this design or game strategy.

Sketches

The following is my first iteration of a scatterplot sketch with respect to the Pokémon dataset, which precedes my digital iteration of a scatterplot.

scatter-plot-matrix-revised

  • This original sketch of the scatterplot was focused on visualizing the offensive/defensive and speed attributes of Pokémon. This sketch also visualizes an onClick feature in which an end-user could interact with each of the points on the graph. It was at this point when I realized the scatterplot showed much potential in terms of visualizing more attributes, which could benefit gamers and game developers

scatterplot

  • Shortly after creating this first sketch and receiving feedback from classmates, I was able to enhance it by creating a digital iteration, which includes the visualization of a couple of more attributes (HP and Pokémon type)

Prototypes

Starting from when I first discovered this dataset, I was able to produce the following VizHub projects (visualizations):

vizhub projects for pokemon dataset up to week 7

  • Week 2 First, I imported the base stats dataset into my own repository, where I changed all numerical strings into numbers

  • Week 4 Then, I used that dataset with the numerical values from week 2 to create a simple scatterplot, with a background, hue, and axis

  • Week 5 Finally, I utilized what I had from week 4 to expand my axis, and change the hue/size of the points on the graph based on the attributes of the pokemon (although no dataset was introduced quite yet)

Open Questions

(describe any fear, uncertainty, or doubt you’re having about the feasibility of implementing the sketched system. For example, “I’m not sure where to get the geographic shapes to build a map from this data” or “I don’t know how to resolve the codes to meaningful names” … Feel free to delete this section if you’re confident.)

Milestones

(for each week, estimate what would be accomplised)