Skip to main content
SimilarExport ZIP
100%

Scatter Plot Showing Women's Volleyball Data

✓ Published0🌍 Public
EEmily Hudson
Last edited Sep 18, 2025
Created on Sep 18, 2025

This scatter plot displays the relationship between the number of completed projects and academic performance for students in a dataset of college records, with each circle representing an individual student. The visualization uses D3 v7's `scaleLinear` and `extent` functions to map the data to SVG coordinates, with `d3.select` and `.join` handling circle rendering. The React-based application loads the data from a CSV file via D3's `csv` parser, processes it in a data processor module, and renders through a reusable Chart component with fixed dimensions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Showing NCAA Women's Volleyball Data

This scatter plot displays NCAA Women's Volleyball statistics from 2012–2019, plotting kills on the x-axis against hitting percentage on the y-axis for a subset of the Kaggle dataset. Green points represent players who started a match, while red points indicate non-starters, revealing that higher-performing players tend to be starters. Built with React and D3 v7, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and SVG circles to render the data. The chart includes axis labels, a title, and a legend, with data loaded from a local CSV file.

EEmily Hudson
80% match
Loading thumbnail…

Bar Chart Showing NCAA Women's Volleyball Data

This bar chart visualizes average hitting percentages for NCAA women’s volleyball teams across 18 schools from 2012–2019, with teams sorted from highest to lowest average. The code processes player-level CSV data by aggregating hitting percentages per school, then renders bars using D3’s scaleBand and scaleLinear with axisBottom and axisLeft. Each bar’s fill color comes from a school-specific color mapping, with a fallback steelblue. The React app loads data via D3’s csv method, filters to target schools, and passes the processed dataset to the viz function for rendering.

EEmily Hudson
78% match
Loading thumbnail…

Stylized Scatter Plot

This scatter plot visualizes the relationship between the share of women in a college major and median earnings, using data from the FiveThirtyEight recent-grads dataset. The React component renders an SVG with D3 scale functions (`scaleLinear`) to map data values to pixel coordinates, while reusable `AxisBottom` and `AxisLeft` components generate ticks and gridlines. Circles are positioned using `xScale` and `yScale`, with the `Marks` component assigning a `<title>` element to each point, enabling a native browser tooltip on hover. The visualization uses the d3.csv loader to fetch and parse the remote dataset.

TTran Quang Anh Ha
78% match
Loading thumbnail…

NCAA Women's Volleyball Visualization

A scatterplot depicts the relationship between average digs and average hitting percentage for NCAA Big Ten volleyball teams, with each point colored by school and animated over the 2012–2019 seasons. The visualization uses D3.js (d3.v7) to parse a CSV, compute team-year averages via `d3.rollups` and `d3.mean`, and render SVG circles filled with team logos from external PNG files. Team colors and fallback pattern images are defined in JavaScript.

EEmily Hudson
78% match
Loading thumbnail…

Fork of NCAA Women's Volleyball Visualization

A scatterplot compares NCAA Big Ten women's volleyball teams by average digs against average hitting percentage. Each team appears as a circular point filled with its logo, with team colors applied as strokes. The visualization uses D3.js v7 to load CSV data, aggregate statistics, and render SVG points with axes and interactive tooltips. On hover, a tooltip displays the team's exact averages and the circle's stroke highlights in black.

EEmily Hudson
77% match
Loading thumbnail…

NCAA Women's Volleyball Visualization

This interactive D3.js visualization plots average digs against average hitting percentage for NCAA Big Ten volleyball teams over time. Animated SVG circles, each filled with a team logo via SVG patterns, move across a scatterplot as the year changes, making team performance trends immediately visible. The chart loads data from a CSV file, aggregates it by team and year using `d3.rollups` and `d3.mean`, and maps team colors and logo images from predefined objects. Axes scales are set statically, and the visualization is rendered entirely with D3's SVG capabilities.

EEmily Hudson
76% match
Loading thumbnail…

NCAA Women's Volleyball Visualization

This visualization charts the relationship between average digs and average hitting percentage for NCAA Big Ten women’s volleyball teams over time. It uses an SVG scatterplot where each team appears as a circle filled with its logo, and the chart animates through yearly data. The code parses a CSV file with D3’s `d3.csv` and uses `d3.rollups` to compute team-year averages, while custom SVG patterns and inline base64-encoded logo fallbacks render each team’s icon. Team colors and logos are defined in JavaScript maps, and the visualization updates scales and positions as the year progresses.

EEmily Hudson
76% match
Loading thumbnail…

NCAA Women's Volleyball Visualization

The visualization plots average digs against average hitting percentage for NCAA Big Ten volleyball teams over time. Each team appears as a colored circle with its logo, positioned by yearly averaged statistics across two dimensions: digs on the x-axis and hitting percentage on the y-axis. Using D3 v7, the code loads CSV data, aggregates by team and year via `d3.rollups`, and renders an animated, interactive SVG scatterplot. Team-specific colors and logos are defined in mappings, with fallback SVG patterns generated programmatically.

EEmily Hudson
75% match