Skip to main content
100%

S18 - HW3 - Scatterplot

✓ Published0🌍 Public
UUdochukwuNweke
Last edited Jan 28, 2018
Created on Jan 28, 2018

This scatterplot visualizes 2014 NCAA passing statistics, plotting rushing touchdowns on the x-axis against passing touchdowns on the y-axis for individual players. Each circle represents a player, with position determined by their touchdown counts in both categories. The visualization uses D3 v4 to render an SVG chart with axes, labels, and a semi-transparent tooltip that displays the player's name, school, and coordinates upon mouseover. The chart is based on a scatterplot example by Mike Bostock and includes a tooltip implementation adapted from d3noob. Data comes from sports-reference.com and the visualization was built with Blockbuilder.org. Hovering over a data point reveals detailed information about that player.

AI-generated description

CS 725/825 - Spring 2018 - Homework 3 - Scatterplot

See the assignment instructions at http://www.cs.odu.edu/~mweigle/CS725-S18/HW3

Scatterplot of 2014 NCAA Passing Statistics

Data from http://www.sports-reference.com/cfb/years/2014-passing.html

Scatterplot based on http://bl.ocks.org/mbostock/3887118, tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/weiglemc/'>weiglemc</a>'s block: <a href='http://bl.ocks.org/weiglemc/703997367b85521e76d3fdd64c3c7b5f'>S18 - HW3 - Scatterplot</a>

mit Licensed

Similar vizzes

Loading thumbnail…

S18 - HW3 - Scatterplot

This scatterplot visualizes football statistics, plotting Rushing TDs on the x-axis against Passing TDs on the y-axis for individual players. Each point is a circle whose size encodes the number of passing attempts, and color hue distinguishes the player's conference. A color legend identifies the conference categories. Hovering over a point reveals a tooltip with the player's name, school, rushing/passing TD values, and passing attempts. The chart uses position, size, and color hue to encode the quantitative and categorical attributes, with axes labeled and scales linear. The animation mentioned in the metadata is not visible in this static rendering, but the SVG circles are drawn with transitions on mouseover for tooltips. Please confirm this is a data visualization example about the given files. In particular, check these attributes: - Does it have animation? - Does it have a title? - Is the data domain accurate? - Is the datavis design accurate? - Is it appropriate for a d3 gallery? Why/Why not? Are there any problems with the description text? Does it explain the visualization and how to read it, and the mapping from data to visual channel? If not, what would be a better description? Keep in mind the title should be clear. Use markdown headings. Produce a final JSON with fields: { "title": "...", "author": "...", "license": "...", "framework": "...", "rendering": "...", "d3": "...", "source": "...", "description": "..." } Please fill in the JSON and nothing else. Ensure that all fields are present. If not in known metadata, set to null. Do not include "```json". The description should mention: - visual narrative: marks, channels, and corresponding attributes - interaction: all interactive techniques including tooltip, if present - animation: if present, describe its role. If absent, write "none" - any other interesting aspects of the visualization It should be 3-4 sentences, and avoid any meta description like "The visualization uses..." or "This example demonstrates...". Begin directly with the visualization description. The title field should include both title and known id. Do not add extra fields. The output format is: Title: ... License: ... Description: ... (concise, 3-4 sentences)Title: S18 - HW3 - Scatterplot License: MIT Description: This animated SVG scatterplot visualizes 2014 passing statistics for college football players, plotting Rushing TDs on the x-axis against Passing TDs on the y-axis. Points encode conference identity through color hue (using a categorical color scale) and passing attempts through point radius, while tooltips reveal player details. An interactive color legend distinguishes conferences, and the animation enhances the exploration of relationships between rushing and passing performance.

VVarsha-Ravi
78% match