Skip to main content
100%

S18 - HW3 - Scatterplot

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

This interactive scatterplot visualizes 2014 NCAA passing statistics, plotting rushing touchdowns against passing touchdowns for individual players. Each circle represents a player, with position encoded by the two quantitative axes. Hovering over a point triggers a tooltip that displays the player’s name, school, and exact touchdown values. The chart uses D3 v4 with SVG rendering, includes labeled axes, and incorporates smooth tooltip transitions for enhanced readability. Built with Blockbuilder.org and based on Mike Bostock's scatterplot example, it is licensed under MIT.

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
77% match