CSCE 5320 A6.2

100%

CSCE 5320 A6.2

✓ Published2🌍 Public

Last edited Mar 7, 2026

Created on Mar 7, 2026

This scatter plot visualizes the relationship between a monster's Challenge Rating (CR) and its Hit Points (HP) from D&D statistics data, loaded as a TSV file. Each red semi-transparent circle represents a monster, plotted by CR on the x-axis and HP on the y-axis. Built with React and D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render axes within an SVG that dynamically fills the window. The code directly selects the SVG by ID and removes all elements to redraw the chart when data loads.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Demos

This interactive scatterplot lets users explore horror movie monsters by swapping the X and Y axes between four attributes—physical strength, fear factor, killing power, and horror rating—via dropdown menus. The visualization, built with D3.js v3 and SVG, uses linear scales to map the chosen attributes to circle positions, with each monster represented as a white-bordered circle. A tooltip using the d3-tip library appears on hover, while the green header and sidebar follow a cohesive Raleway-styled design. The underlying data is hardcoded as an array of monster objects.

DDarienLiang

74% 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

71% match

Loading thumbnail…

CSCE 5320 HW5 Pokémon

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.

Jjayedmohammadbarek@my.unt.edu

71% match

Loading thumbnail…

Fork of Penguin Data set scatter Plot

This scatter plot visualizes the relationship between attack and defense stats for Pokémon, with height and weight mapped to the rx and ry circle attributes and specific species color-coded. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in SVG. Data loads from a CSV via `d3.csv`, with numeric parsing applied to the relevant fields. The code also appends custom text labels for the axes and plot title, demonstrating an imperative D3 approach within a React-free HTML setup.

CCH SAMPATH

71% match

Loading thumbnail…

activity 6_Q3

This scatter plot visualizes the relationship between Attack and Defense statistics for a dataset of creatures, with each point colored by generation and a legend indicating the generation categories. The visualization uses D3.js (version 7.8.5) to render an SVG, employing `scaleLinear` for axes, `scaleOrdinal` with `schemeDark2` for color encoding, and `axisBottom`/`axisLeft` for tick marks. Data is loaded from a CSV file and parsed in JavaScript before being passed to the rendering function, which also includes a legend generated dynamically based on the generation values.

Llingaladineshteja23@gmail.com

70% 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

70% match

Loading thumbnail…

Pokemon Scatterplot ICE 6

This scatterplot maps Pokémon attack and defense stats as circle positions, with height and weight encoded via the circle’s `rx` and `ry` attributes. Pikachu and Squirtle are highlighted in distinct colors for comparison. It uses d3.csv to load data, d3.scaleLinear with extent for scales, and d3.axisLeft/axisBottom with SVG text labels. The rendering is SVG, styled with cursive font labels and axis ticks, all within a React-free HTML page using d3 v5.

CCH SAMPATH

70% match

Loading thumbnail…

Fork of Pokemon ICE 6 Scatter plot

This interactive scatter plot visualizes Pokémon attributes, mapping attack and defense values along the x and y axes. Each circle’s radius is fixed, while the fill color categorizes species, and the radius properties are set from height and weight data. The visualization uses D3.js v5, loads CSV data from a GitHub gist, and renders SVG via the `select` and `join` APIs. Axis labels and a title are added using `axisLeft`, `axisBottom`, and text elements, with the plot drawn in the browser using React’s full-window dimensions.

BBhanuMotupalli

69% match