Skip to main content
SimilarExport ZIP
100%

CSCE-5320-Assignment-5-Ed-Salinas

✓ Published1🌍 Public
EEd Salinas
Last edited Sep 25, 2026
Created on Sep 23, 2026
Forked from HTML Starter

This scatterplot visualizes NCAA athletic conference team box scores, mapping team score along the x-axis and total rebounds along the y-axis within a single SVG. Team name encodes categorical color hue, while three-point field goals made determine each point’s radius. Built with D3 v7, the chart uses d3.csv to load remote data, d3.extent, d3.mean, and d3.median to summarize the team_score distribution, and d3.scaleLinear for positional axes. Interactive hover effects adjust mark opacity, with all rendering handled by SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CSCE-5320-Assignment-5-Ed-Salinas

This visualization displays NCAA athletic conference team box scores as a scatterplot, encoding team_score on the x-axis, total_rebounds on the y-axis, team membership as color hue, and three-point field goals made as point radius. It uses d3.csv to load the data, d3.extent, d3.mean, and d3.median to summarize the score distribution, and d3.scaleLinear for positioning. SVG circles render the marks, with hover transitions changing opacity and axes styled via CSS. A summary panel above the chart reports row count, column names, and score statistics.

CCurran Kelleher
94% match
Loading thumbnail…

CSCE-5320-Assignment-6-Ed-Salinas

This example uses a scatterplot to show how six American Athletic Conference men’s basketball teams perform across the season, mapping game date to the x-axis, team score to the y-axis, and total rebounds to the size of each circle. The visualization reads from a CSV file of athletic conference box scores, sorts the data chronologically, and uses a custom ordinal color scale to distinguish teams. It relies on D3 v7’s `d3.scalePoint`, `d3.scaleLinear`, and `d3.scaleSqrt` for the encoding, and includes a hover tooltip with a zero-millisecond delay via the D3 selection style.

EEd Salinas
91% match
Loading thumbnail…

Assignment 2 Task 3 Scatter Plot

This scatter plot visualizes the relationship between high school ranking, high school strength, student involvement, and student activity levels, with point color encoding student grades (A, B, or other). The SVG visualization loads CSV data via d3.csv, scales the x and y axes with d3.scaleLinear, and renders circle marks using d3 selection joins. Axes are drawn with d3.axisLeft, d3.axisBottom, and styled with custom labels.

Lleftymadi
75% match
Loading thumbnail…

CSCE 5320 - Assignment 6

A scatterplot compares a player’s Games (G) against Hits (H), with point color encoding Position Played and point size encoding HR, across annual frames from a CSV loaded via `d3.csv`. Animated year-by-year playback and mouseover tooltips (delayed 0 ms) show per-player labels. Built with D3 v7, the SVG chart uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.scaleSqrt` for axes, colors, and sizing, with axes rendered via `d3.axisBottom` and `d3.axisLeft`.

Rrobersontanner1@gmail.com
74% match
Loading thumbnail…

STUDENT'S SPORTS DATA VIZ

This scatter plot visualizes the relationship between students' subject scores and team scores. Each data point is rendered as a circle, with blue circles animating in from a zero radius via a D3 transition, and hovering turns a point red while displaying a tooltip with both scores. The visualization uses D3 v7 scales and axes (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to map the tab-separated dataset fetched with d3.text. SVG elements provide the interactive chart, including animated point entry and mouse-based interactivity.

TTejasriKari@my.unt.edu
74% match
Loading thumbnail…

Assignment Q1

A reusable scatter plot compares math and reading scores, with each student’s gender indicated by color. The visualization uses D3 v7’s `d3.csv` and `d3.autoType` to load the data, `scaleLinear` for axes, and `scaleOrdinal` for color mapping. Hovering reveals a tooltip with gender and scores, while an adjacent legend clarifies the encoding. The plot is rendered as SVG circles with `mouseover` and `mouseout` event handlers, demonstrating a modular chart-building pattern common in D3 examples.

BBhargav Reddy
73% match
Loading thumbnail…

Scatter Plot with Color

A scatter plot visualizes NBA player statistics with points colored by rebounds, showing the relationship between points and assists across players. The visualization uses React components with D3 v5 scales, including `scaleLinear` for both axes and `scaleOrdinal` for categorical color mapping. Data loads asynchronously from a CSV file via `useEffect` and `d3.csv`, rendering circles in an SVG with positioned axes.

FFAN CHI YU(范紀予)
73% match
Loading thumbnail…

Assignment 7

This reusable D3.js scatter plot visualizes the relationship between math and physics scores for 40 students, with points colored by group membership. The chart uses `d3.csv` to load the dataset and custom scales via `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for the categorical color encoding. The reusable function accepts parameters for data, axis value accessors, labels, dimensions, and title, rendering the chart as SVG with axes, labels, a legend, and semi-transparent circles. This design allows the same function to be applied to different datasets and attributes without modification.

AAriful Hasan
73% match