Skip to main content
SimilarExport ZIP
100%

CSCE 5320 HW5 Pokémon

✓ Published1🌍 Public
Jjayedmohammadbarek@my.unt.edu
Last edited Oct 1, 2026
Created on Sep 30, 2026
Forked from Hello HTML

A scatterplot displays attack against defense for 51 fully evolved Gen 1–2 Pokémon, with each point colored by type and sized by HP. The visualization loads CSV data from a gist via `d3.csv`, converts numeric columns, and renders SVG marks using D3 v7’s `scaleLinear`, `d3.extent`, and `d3.mean` for axis scaling and summary statistics. The chart includes a summary panel showing data ranges and mean/median defense values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CSCE 5320 HW5 Pokémon

A scatterplot of 51 fully evolved Generation 1–2 Pokémon plots Attack against Defense, with points colored by type and sized by HP. The visualization highlights Wobbuffet as the HP record holder and includes a summary bar displaying row counts, field names, and summary statistics. Built with D3 v7, the code uses `d3.csv` for data loading, `d3.scaleLinear` for axes, and SVG rendering for marks. The margin convention creates a dedicated plotting area, with axes and labels generated via D3’s axis components.

Jjayedmohammadbarek@my.unt.edu
90% match
Loading thumbnail…

Fork of CSCE 5320 HW6 Rules of thumb

This scatterplot compares Pokémon attack and defense stats across all six generations, with point size encoding speed and color encoding type. The visualization includes labeled axes, a color legend, and hover tooltips showing individual Pokémon details. Built with D3 v7, it loads CSV data, applies linear scales for both axes, a square-root scale for radius, and an ordinal color scale using the Tableau10 scheme. The SVG rendering includes interactive marks with mouse events for delayed tooltip display.

Jjayedmohammadbarek@my.unt.edu
89% match
Loading thumbnail…

Assignment 5

This scatterplot maps the attack and defense stats of 151 Generation 1 Pokémon. It was designed to illustrate the visual impact of encodings, and it presents an intentionally broken version that uses a blue color ramp for the categorical Pokémon type and defense on point shape, before a repaired version corrects the design. The repaired chart encodes type using distinct hues for a legend, shows defense through y-position, and adds HP via circle area, with the Pokémon Cloyster highlighted. In both implementations, the static SVG graphic is generated on page load using D3 v7 APIs, including `d3.csv` to load the data, `d3.extent` and `d3.scaleLinear` to compute scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes. A top summary section reports the dataset's row and column counts, plus the minimum, maximum, mean, and median attack values.

ZZubair Hasan
88% match
Loading thumbnail…

CSCE 5320 HW6 Rules of thumb

This scatterplot visualizes Pokémon stats across six generations, plotting attack against defense for each creature and coloring points by type. The visualization uses a categorical color scale with a legend, plus axis labels and tick formatting via D3 scales. Hovering over a point triggers a tooltip after a 2000-millisecond delay, which reveals the Pokémon’s name. The tooltip is implemented with a timed opacity transition, while the marks are rendered as SVG circles using d3.csv-loaded data and d3.axisBottom/axisLeft for axes.

Jjayedmohammadbarek@my.unt.edu
88% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes 1,062 Pokémon, mapping Attack on the x-axis and Defense on the y-axis, with each point colored by primary type. The chart uses D3 v4 with SVG rendering, featuring a linear scale for both axes and an ordinal color scale with a categorical scheme. A color legend generated via the d3-legend plugin identifies the type categories, and the visualization includes axis labels ("Attack" and "Defnse" [sic]), tick marks, and a legend for the "Type1" color encoding. The design employs translucent circles (opacity ~0.5) to reveal overlapping points, with axis lines hidden and clean tick styling. The dataset contains over 1000 Pokémon records loaded from a CSV file, and the chart is part of a video course.

FFanYang715
86% match
Loading thumbnail…

Assignment 4 ScatterPlot D3

This scatter plot visualizes the relationship between Attack and Defense stats for Pokémon, with each circle representing a single Pokémon. The visualization uses D3 v6 to load CSV data from a GitHub gist and render an SVG chart with linear scales mapping attack values to the x-axis and defense values to the y-axis. The code explicitly uses d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.selectAll to create the circles, axes, and labels, while styling circles with a mediumpurple fill and black stroke.

Aahuynh8@dons.usfca.edu
84% match
Loading thumbnail…

HW6 Q2 small multiples

This example presents a small multiples scatterplot showing Pokémon stats across generations, with each panel displaying attack versus defense values for one generation. Shared linear scales for both axes allow direct comparison between panels, while points are colored by Pokémon type using a Tableau10 ordinal scale. Built with D3 v7, the visualization loads CSV data from a GitHub gist and renders SVG circles, axes, and a legend. The code constructs reusable scales from the full dataset, then filters data per generation for each of the three-column grid of panels.

Jjayedmohammadbarek@my.unt.edu
84% match
Loading thumbnail…

Activity6_Task3_Q3

A scatterplot displays Pokémon Attack versus Defense stats, with each point colored by the Pokémon's generation and a legend identifying each generation. The chart uses D3's scaleLinear, axisBottom, and axisLeft to build axes, alongside scaleOrdinal and schemeDark2 for categorical coloring. The SVG render includes a gray inner plot area, semi-transparent circles, and labeled axes for Attack and Defense, powered by data from data.csv.

PPothuguntla Pranitha
84% match