Skip to main content
SimilarExport ZIP
100%

Assignment 5 Bubble Plot D3

✓ Published5🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Feb 27, 2024
Created on Feb 27, 2024

This bubble plot visualizes Pokémon Attack and Defense stats, with HP mapped to bubble size and Generation mapped to color. It uses a D3.js v6 SVG scatter plot, scaling x and y axes with `d3.scaleLinear` and applying `d3.scaleOrdinal` for the categorical color scale. The underlying CSV data is fetched via `d3.csv` and drawn as circles using the standard D3 selection, enter, and append pattern, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

CS 360 Assignment 5 Bubble plot in D3 Annie Huynh

CSV URL: https://raw.githubusercontent.com/Ahuynh111/gist-practice/main/PokemonAttack%20-%20Sheet1.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Task 4_question4

This bubble plot visualizes Pokémon statistics, mapping Attack to the x-axis, Defense to the y-axis, and HP to the size of each circle. A categorical color scale distinguishes the six generations of Pokémon represented in the dataset. Built with D3 v6, the SVG chart uses `d3.scaleLinear` for the axes and bubble radius, `d3.scaleOrdinal` for colors, and `d3.axisBottom`/`d3.axisLeft` to render the numeric scales. The data is loaded from a remote CSV using `d3.csv`.

Aanushapodapati99@gmail.com
88% 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
87% match
Loading thumbnail…

Activity6_Task4_questionNo.4

This bubble chart compares Pokémon battle stats by plotting each creature’s total stats on the x-axis against its attack power on the y-axis. Circle size encodes HP, while color represents primary type using `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization uses `d3.csv` to load data and renders an SVG with `d3.axisBottom` and `d3.axisLeft`. A legend identifies type colors, and `d3.scaleSqrt` determines bubble radii. Data comes from a local CSV file containing stats for 151 Pokémon.

Hharshabandi3060@gmail.com
83% match
Loading thumbnail…

Activity6_Task4_questionNo.9

This bubble chart visualizes Pokémon battle stats, plotting each creature’s Total stats on the x-axis and Attack on the y-axis, with bubble size encoding HP. The D3 v7 code uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to color points by Type_1. A legend maps fifteen Pokémon types, while axis labels and an SVG render from `data.csv` loaded via `d3.csv`.

Hharshabandi3060@gmail.com
82% 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
82% match
Loading thumbnail…

Assignment 6 Diverging Bar Chart

The chart compares average Attack and Defense stats across Pokémon generations using horizontal diverging bars, with Attack extending rightward and Defense leftward from a central axis. It employs D3 v6 to create an SVG visualization, using scaleBand for the categorical y-axis and separate linear scales for each metric. Bars are colored with a blue-red interpolated scale, and a d3-legend legend distinguishes the two directions. Data comes from a CSV file containing per-generation averages, rendered as static rectangles without animation.

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

A5 Bubble Chart of Pokemon Stats from Gen 1 - Gen7

This bubble chart displays a scatterplot of Pokemon stats from Generation 1 through 7, plotting Attack on the x-axis, HP on the y-axis, Speed as bubble radius, and Defense as bubble color. The code loads a CSV dataset, maps stat columns into numeric arrays, and renders the visualization as an SVG using d3.scaleLinear for all four encodings. Axes are drawn with d3.axisBottom and d3.axisLeft, and a d3-legend library provides size-encoding reference. Hover interactions and styling rely on CSS and the Quicksand font.

AAllen Jake Polintan
81% match
Loading thumbnail…

Assignment 5 Line D3

This line chart visualizes the average attack power of Fire, Grass, Water, and Dark Pokémon types across multiple generations. The SVG rendering uses D3.js v6 with `d3.scalePoint` for the x-axis and `d3.scaleLinear` for the y-axis, plotting four colored line paths from CSV data loaded via `d3.csv`. The chart includes axes, a title, and a manual legend with colored rectangles.

Aahuynh8@dons.usfca.edu
81% match