Skip to main content
SimilarExport ZIP
100%

Assignment 6 Scatter Plot With Color Scale

✓ Published1🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Mar 4, 2024
Created on Mar 4, 2024

This scatter plot visualizes Pokémon HP against Speed, with each point colored by the Pokémon’s generation using a qualitative color scale. The chart shows a positive trend, where higher Speed often correlates with higher HP, while the color legend distinguishes all seven generations. The visualization is rendered as an SVG using D3.js v6, with linear scales for the axes and an ordinal scale for the color mapping. Data is loaded from a CSV file via `d3.csv`, and the legend is generated using the `d3-legend` library.

AI-generated description

CS 360 Assignment 6 Scatter Plot With Color Scale Annie Huynh

CSV URL:https://gist.githubusercontent.com/Ahuynh111/1e482a97d70acac597f636b109d9d74e/raw/ea243b11086e226c5f416302f931d3c77e42ac8d/PokemonStats.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

A6 Qualitative Color Scale Scatterplot

This scatterplot shows the relationship between HP and Attack for Pokémon from Generations 1 through 5, using a qualitative color scale to distinguish the five generations. The visualization is rendered as an SVG using D3.js v7, with each generation assigned its own linear scale for both axes. The code groups the dataset by generation, then plots each group separately within the same chart, with axes and scales computed independently for each generation. The chart includes a legend and uses the Quicksand font for its title and labels.

AAllen Jake Polintan
83% match
Loading thumbnail…

Pokemon

This scatter plot visualizes the relationship between the height and base experience of Pokémon species, using logarithmic scales on both axes to accommodate wide value ranges. The data comes from a Pokémon CSV dataset loaded via d3.csv, with each point representing an individual Pokémon as a semi-transparent magenta circle. The visualization employs d3.scaleLog for axis scaling, d3.axisBottom and d3.axisLeft for tick generation, and SVG circles for rendering the marks. Axis labels and a title are added as SVG text elements.

Llizziechoi121
80% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes the relationship between height and weight for Pokémon species, with each circle representing an individual Pokémon. The chart uses d3.scaleLinear to map the data values to screen coordinates, d3.axisLeft and d3.axisBottom for the axes, and d3.extent to compute the domain. Data is loaded asynchronously from a CSV file using d3.csv. The SVG rendering includes gridlines, axis labels, and a title, with circles styled in navy at partial opacity.

Aagongwpi
80% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes Pokémon data from a CSV file, plotting base experience on the x-axis against species ID on the y-axis. Each red semi-transparent circle represents a Pokémon, with the graph titled “Pokemon: Base Experience vs. Species_id.” The code uses d3.csv to load the data, then applies d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the SVG chart. Axis labels and a title are added using SVG text elements, with styling defined in the accompanying stylesheet.

Llizziechoi121
80% match
Loading thumbnail…

Scatterplot Matrix of Pokemon Stats from Gen1 - Gen7

This scatterplot matrix visualizes the relationships between six Pokémon battle stats—HP, Attack, Defense, Speed, Special Attack, and Special Defense—across all generations 1 through 7. Each panel compares two stats, with axes scaled from zero to each stat’s maximum value, revealing correlations and outliers such as Legendary Pokémon. Built with D3 v7, the visualization uses SVG rendering and three separate linear-scale pairs to position circles within a grid, with each stat labeled along its corresponding axis. Data is loaded from a CSV file containing the full Pokémon dataset.

AAllen Jake Polintan
79% match
Loading thumbnail…

Assignment 6 Bar Chart With Sequential Color Scale

This bar chart displays the average Attack Power of Grass-type Pokémon across different Generations, with bars colored using a sequential blue-green color scale to represent value magnitude. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleSequential(d3.interpolateBuGn)` for color encoding. A color legend is added via the `d3.legendColor()` API. Data is loaded from a CSV file containing Generation and Grass attack averages.

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

Assignment 5 Bubble Plot D3

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`.

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

Pokemons

This scatterplot-style chart visualizes Pokémon by height on the y-axis and weight on the x-axis (using a square-root scale), with dot size encoding experience and color encoding species. The visualization uses D3 v3 with SVG and animation, rendering an interactive overview of the Pokémon dataset. The data is sourced from the PokeAPI and the chart was built with blockbuilder.org. The plot provides a comparative view of Pokémon physical attributes, with each dot representing an individual Pokémon and its position revealing correlations between size and weight across different species.

PPhilippe Rivière
78% match