Skip to main content
SimilarExport ZIP
100%

Fork of Week 2: Pokemon Data Extremes

✓ Published0🌍 Public
JJacob Chlebowski
Last edited Sep 22, 2024
Created on Sep 22, 2024

This example presents text-based extremes for the Pokémon dataset, listing the lowest and highest values for Speed, Attack, Defense, and HP. It identifies the Pokémon with the minimum and maximum stat values. The tool parses CSV data and calculates extremes using JavaScript's `reduce` method, then displays results in a formatted HTML container. The visualization is a simple textual output rather than a graphical chart, with data sourced from the Pokémon Base Stats Dataset.

AI-generated description

Author: Jacob Chlebowski - jachlebowski@wpi.edu

The Pokemon Base Stats Dataset

Tasks:

  • I want to summarize all Pokémon in the dataset via a scatter plot matrix (4 quadrants: speed and offensiveness)
  • I want to search (lookup) the Pokémon that have a speed of 150+, among other attributes
  • I want to derive a new Pokémon by combining two existing ones (mean of each attribute)
  • I want to record a new Pokémon with all new attributes (catch rate, species, type, etc.)
  • I want to identify a single Pokémon on a scatter plot
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Week 2: speed only

This scatter plot matrix visualizes Pokémon base stats across four quadrants, focusing on speed and offensiveness (Attack and Sp. Atk). It summarizes all Pokémon in the dataset while enabling lookup of high-speed entries (150+) and identification of individual points. The visualization uses a scrollable container and parses CSV data with string-to-number conversion, rendering type counts as JSON text. Data comes from the Pokémon Base Stats Dataset on Kaggle, with the main script exporting computed stats without external libraries.

JJacob Chlebowski
80% match
Loading thumbnail…

Week 2: Pokemon Base Stats Dataset

Using a scrollable preformatted text block, this example displays the complete Pokémon Base Stats dataset as a raw JSON file. The interactive element is a simple font-size control. The code parses string values for eleven numeric columns, including Speed, Attack, and Defense, into numbers, and then uses `JSON.stringify` to render the entire array of 144 Pokémon records for inspection. It relies on the custom CSV-to-JavaScript data import functionality and standard document object model (DOM) methods for styling and display.

JJacob Chlebowski
77% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
73% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
73% match
Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats, plotting speed against the balance between attack and defense, while encoding HP through circle radius and Pokémon type through color. Users can click individual points to reveal detailed stat information and filter the dataset by type. The visualization uses D3.js v7 APIs including `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with custom overlap detection adjusting circle opacity to reveal densely clustered regions. The dataset is drawn from the Pokémon Base Stats Dataset sourced from Kaggle.

JJacob Chlebowski
72% match
Loading thumbnail…

Data Visualization Project Week 11

An interactive scatterplot visualizes Pokémon base statistics, mapping speed on the x-axis and the offensive-defensive balance (attack minus defense) on the y-axis. The visualization uses D3.js to render circles sized by HP and colored by Pokémon type, with filter buttons to isolate specific types. Overlapping circles are made more transparent, and clicking a point displays that Pokémon's detailed stats. The plot includes a legend and uses `scaleLinear` for axes and `scaleOrdinal` for type colors.

JJacob Chlebowski
72% match
Loading thumbnail…

Data Visualization Project Week 13

This scatterplot from Jacob Chlebowski’s dataset visualizes Pokémon attributes, plotting Speed on the x-axis against a balance metric (Attack minus Defense) on the y-axis. Circle size encodes HP, and hue encodes Pokémon type, with controls to filter by type and tooltips to display detailed Pokémon stats. Built with D3.js, the chart uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, custom `hue` logic for point styling, and event handlers for clicks and hovers. Data comes from a Pokémon Base Stats Dataset rendered in SVG.

JJacob Chlebowski
71% match
Loading thumbnail…

Data Visualization Project Week 14

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting Speed against the Attack minus Defense balance for each creature. Circle size encodes HP, and color encodes primary type, with filter buttons and a legend enabling type-based exploration. The visualization uses D3 scales and axes to render the SVG chart, while click events display detailed Pokémon information in a side panel. Hovering over legend items reveals the count of each Pokémon type.

JJacob Chlebowski
71% match