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)

45650d462c2048f99d2d2a7f78b38cba

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.

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

digital-scatter-plot

  • 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

I’ve created a proof of concept visualization of this data. It's a ... and it shows ...

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

image

(please put a screenshot of one or more visualizations of this dataset you already made, for previous assignments, and link to them)

You can put images into here by pasting them into issues. Simply drag and drop an image into a new issue. After it uploads, you will see it embedded in the text area. You can copy that markdown and paste it in your README.

You can make images into links like this:

[![image](https://user-images.githubusercontent.com/68416/65240758-9ef6c980-daff-11e9-9ffa-e35fc62683d2.png)](https://vizhub.com/curran/eab039ad1765433cb51aad167d9deae4)

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)