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)

415c1844c5e245e99f0bd061d3200a71

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 are my first three sketches when I was first brainstorming, which include a scatterplot, radar chart, and bubble chart. All are with respect to the Pokémon dataset.

bubble-chart-revised

  • This original sketch of the bubble chart was focused on visualizing the speed of all Pokémon

radar-chart

![radar-chart](radar-chart

  • This original sketch of the radar chart was focused on visualizing all attributes for a Pokémon, but only for comparison of 2 Pokémon

scatter-plot-matrix-revised

  • This original sketch of the scatterplot was focused on visualizing the offensive/defensive and speed attributes of Pokémon. It was at this point when I realized the scatterplot showed much potential in temrs of visualizing more attributes, which could benefit gamers and game developers

Prototypes

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

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)

Also, you can study the source to figure out Markdown formatting. You can use the GitHub built-in editor to edit the document.

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)